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入门基础之私有变量
Feb 23 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
javascript写的一个模拟阅读小说的程序
Apr 04 Javascript
javascript单引号和双引号的区别和处理
May 14 Javascript
javascript中拼接HTML字符串的最快、最好的方法
Jun 07 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
Jul 24 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 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遍历二维数组的代码
2011/04/22 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
初识ThinkPHP控制器
2016/04/07 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
JS、jQuery中select的用法详解
2016/04/21 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
VueRouter导航守卫用法详解
2017/12/25 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
[05:15]DOTA2英雄梦之声_第16期_灰烬之灵
2014/06/21 DOTA
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
使用PDB模式调试Python程序介绍
2015/04/05 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
python使用threading.Condition交替打印两个字符
2019/05/07 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
python numpy存取文件的方式
2020/04/01 Python
Python PyQt5模块实现窗口GUI界面代码实例
2020/05/12 Python
python中添加模块导入路径的方法
2021/02/03 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
PHP经典面试题
2016/09/03 面试题
计算s=f(f(-1.4))的值
2014/05/06 面试题
护理自我鉴定范文
2013/10/06 职场文书
房产继承公证书
2014/04/09 职场文书
2015年圣诞节寄语
2015/08/17 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
Linux在两个服务器直接传文件的操作方法
2022/08/05 Servers