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宝典学习笔记(下)
Jan 10 Javascript
javascript 面向对象编程 聊聊对象的事
Sep 17 Javascript
setInterval与clearInterval的使用示例代码
Jan 28 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
Vue实现本地购物车功能
Dec 05 Javascript
微信小程序:数据存储、传值、取值详解
May 07 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
PHP 定界符 使用技巧
2009/06/14 PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
2014/05/10 PHP
php实现登陆模块功能示例
2016/10/20 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
vue+node实现图片上传及预览的示例方法
2018/11/22 Javascript
js 递归json树实现根据子id查父id的方法分析
2019/11/08 Javascript
手把手教你实现 Promise的使用方法
2020/09/02 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[33:09]完美世界DOTA2联赛循环赛 Forest vs DM BO2第二场 10.29
2020/10/29 DOTA
Python从MP3文件获取id3的方法
2015/06/15 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
如何利用Python模拟GitHub登录详解
2019/07/15 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
Python关于反射的实例代码分享
2020/02/20 Python
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
屈臣氏俄罗斯在线商店:Watsons俄罗斯
2020/08/03 全球购物
计算机个人求职信范例
2014/01/24 职场文书
工程售后服务方案
2014/06/08 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
全民创业工作总结
2015/08/13 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
《风不能把阳光打败》读后感3篇
2020/01/06 职场文书