JavaScript字符串_动力节点Java学院整理


Posted in Javascript onJune 27, 2017

JavaScript的字符串就是用''或""括起来的字符表示。

如果'本身也是一个字符,那就可以用""括起来,比如"I'm OK"包含的字符是I,',m,空格,O,K这6个字符。

如果字符串内部既包含'又包含"怎么办?可以用转义字符\来标识,比如:

'I\'m \"OK\"!';

表示的字符串内容是:I'm "OK"!

转义字符\可以转义很多字符,比如\n表示换行,\t表示制表符,字符\本身也要转义,所以\\表示的字符就是\。

ASCII字符可以以\x##形式的十六进制表示,例如:

'\x41'; // 完全等同于 'A'

还可以用\u####表示一个Unicode字符:

'\u4e2d\u6587'; // 完全等同于 '中文'

多行字符串

由于多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用` ... `表示:

`这是一个

多行

字符串`;

模板字符串

要把多个字符串连接起来,可以用+号连接:

var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!';
alert(message);

如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串,表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量:

var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);

操作字符串

字符串常见的操作如下:

var s = 'Hello, world!';
s.length; // 13

要获取字符串某个指定位置的字符,使用类似Array的下标操作,索引号从0开始:

var s = 'Hello, world!';
s[0]; // 'H'
s[6]; // ' '
s[7]; // 'w'
s[12]; // '!'
s[13]; // undefined 超出范围的索引不会报错,但一律返回undefined

需要特别注意的是,字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果:

var s = 'Test';
s[0] = 'X';
alert(s); // s仍然为'Test'

JavaScript为字符串提供了一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串:

toUpperCase

toUpperCase()把一个字符串全部变为大写:

var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'

toLowerCase

toLowerCase()把一个字符串全部变为小写:

var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
lower; // 'hello'

indexOf

indexOf()会搜索指定字符串出现的位置:
var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串,返回-1

substring

substring()返回指定索引区间的子串:
var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello'
s.substring(7); // 从索引7开始到结束,返回'world'
Javascript 相关文章推荐
Javascript 获取滚动条位置等信息的函数
Sep 08 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 Javascript
JS查找英文文章中出现频率最高的单词
Mar 20 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 Javascript
JavaScript变量作用域_动力节点Java学院整理
Jun 27 #Javascript
详解微信小程序 登录获取unionid
Jun 27 #Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 #Javascript
详解vue项目构建与实战
Jun 27 #Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 #Javascript
微信小程序 开发MAP(地图)实例详解
Jun 27 #Javascript
微信小程序商品到详情的实现
Jun 27 #Javascript
You might like
用PHP连接Oracle数据库
2006/10/09 PHP
Wordpress php 分页代码
2009/10/21 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
JS操作JSON要领详细总结
2013/08/25 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
JS实现微信弹出搜索框 多条件查询功能
2016/12/13 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
2018/02/02 jQuery
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访
2016/06/28 DOTA
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
初步解析Python下的多进程编程
2015/04/28 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
10分钟教你用Python实现微信自动回复功能
2018/11/28 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
python3 下载网络图片代码实例
2019/08/27 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
css3 仿写阿里云水纹效果的示例代码
2018/02/10 HTML / CSS
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
No7 Beauty美国官网:英国国民护肤品牌
2019/10/31 全球购物
师范生自我鉴定范文
2013/10/05 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
html中两种获取标签内的值的方法
2022/06/16 jQuery