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 parentElement和offsetParent之间的区别
Mar 23 Javascript
Javascript学习笔记一 之 数据类型
Dec 15 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
写给vue新手们的vue渲染页面教程
Sep 01 Javascript
JS实现简易换图时钟功能分析
Jan 04 Javascript
解决vue页面刷新或者后退参数丢失的问题
Mar 13 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
vue.js中toast用法及使用toast弹框的实例代码
Aug 27 Javascript
iView框架问题整理小结
Oct 16 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 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
咖啡常见的种类
2021/03/03 新手入门
基于xcache的配置与使用详解
2013/06/18 PHP
php内嵌函数用法实例
2015/03/20 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
php实现评论回复删除功能
2017/05/23 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
Javascript连接多个数组不用concat来解决
2014/03/24 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
vue路由 遍历生成复数router-link的例子
2019/10/30 Javascript
Vue触发input选取文件点击事件操作
2020/08/07 Javascript
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
软件测试题目
2013/02/27 面试题
敏捷开发的主要原则都有哪些
2015/04/26 面试题
美发活动策划书
2014/01/14 职场文书
学生会干部自荐信
2014/02/04 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
母校寄语大全
2014/04/10 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang
Win10 和 Win11可以共存吗? win10/11产品生命周期/服务更新介绍
2021/11/21 数码科技