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 相关文章推荐
js 回车提交表单两种实现方法
Dec 31 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
js的.innerHTML = ""IE9下显示有错误的解决方法
Sep 16 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
探寻Javascript执行效率问题
Nov 12 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 Javascript
JS实现简单的天数计算器完整实例
Apr 28 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
如何基于原生javaScript生成带图片的二维码
Nov 21 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
解析Ubuntu下crontab命令的用法
2013/06/24 PHP
PHP采用get获取url汉字出现乱码的解决方法
2014/11/13 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
php中引用符号(&)的使用详细介绍
2016/12/06 PHP
关于PhpStorm设置点击编辑文件自动定位源文件的实现方式
2020/12/30 PHP
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
layui实现checkbox的目录树tree的例子
2019/09/12 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
django的登录注册系统的示例代码
2018/05/14 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
浅谈python常用程序算法
2019/03/22 Python
Flask框架学习笔记之使用Flask实现表单开发详解
2019/08/12 Python
基于python实现雪花算法过程详解
2019/11/16 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
彪马法国官网:PUMA法国
2019/12/15 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
土木建筑学生自我评价
2014/01/14 职场文书
《小石潭记》教学反思
2014/02/13 职场文书
竞聘上岗演讲
2014/05/19 职场文书
股东合作协议书
2014/09/12 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript
详解java如何集成swagger组件
2021/06/21 Java/Android
Python IO文件管理的具体使用
2022/03/20 Python