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 相关文章推荐
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
Mar 14 Javascript
jquery队列函数用法实例
Dec 16 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
理解javascript async的用法
Aug 22 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php获取数组长度的方法(有实例)
2013/10/27 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
javascript日期验证之输入日期大于等于当前日期
2015/12/13 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
django session完成状态保持的方法
2018/11/27 Python
python写日志文件操作类与应用示例
2019/07/01 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
python mysql中in参数化说明
2020/06/05 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
小学教师管理制度
2014/01/18 职场文书
大学班长的职责
2014/01/27 职场文书
毕业评语大全
2014/05/04 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
食品药品安全责任书
2015/05/11 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
高老头读书笔记
2015/06/30 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python