ES6学习5 字符串的扩展
1、ES6 为字符串添加了遍历器接口,使得字符串可以被for...of
循环遍历。
for (let codePoint of 'foo') {
console.log(codePoint)
}
// "f"
// "o"
// "o"
2、includes(), startsWith(), endsWith()
- includes():返回布尔值,表示是否找到了参数字符串。
- startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
- endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。
let s = 'Hello world!'; s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true这三个方法都支持第二个参数,表示开始搜索的位置。
let s = 'Hello world!'; s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false上面代码表示,使用第二个参数
n
时,endsWith
的行为与其他两个方法有所不同。它针对前n
个字符,而其他两个方法针对从第n
个位置直到字符串结束。
3、repeat
repeat
方法返回一个新字符串,表示将原字符串重复n
次。
'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""
'na'.repeat(2.9) // "nana" 参数如果是小数,会被取整。
'na'.repeat(Infinity)
// RangeError
'na'.repeat(-1)
// RangeError
// 如果repeat的参数是负数或者Infinity,会报错。
但是,如果参数是 0 到-1 之间的小数或者NAN,则等同于 0,这是因为会先进行取整运算。0 到-1 之间的小数,取整以后等于-0
,repeat
视同为 0,如果repeat
的参数是字符串,则会先转换成数字。
'na'.repeat(-0.9) // "" 'na'.repeat(NAN) //"" 'na'.repeat('na') // ""
'na'.repeat('3') // "nanana"
4、padStart()
头部补全,padEnd()
尾部补全。
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax' 'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'
上面代码中,padStart
和padEnd
一共接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串。
2) 如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'
3) 如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串。如果省略第二个参数,默认使用空格补全长度。
'abc'.padStart(10, '0123456789') // '0123456abc' 'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x '
4) padStart
的常见用途
//第一种
'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"
//第二种
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"
5、模板字符串
传统的 JavaScript 语言,输出模板通常是这样写的。
$('#result').append(
'There are <b>' + basket.count + '</b> ' +
'items in your basket, ' +
'<em>' + basket.onSale +
'</em> are on sale!'
);
上面这种写法相当繁琐不方便,ES6 引入了模板字符串解决这个问题。
1)模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
$('#result').append(`
There are <b>${basket.count}</b> items
in your basket, <em>${basket.onSale}</em>
are on sale!
`);
2)如果使用模板字符串表示多行字符串,所有的空格和缩进都会被保留在输出之中。如果你不想要这个换行,可以使用trim
方法消除它。
$('#list').html(`
<ul>
<li>first</li>
<li>second</li>
</ul>
`.trim());
最新文章
- PHP输出控制(Output Control)函数
- java 顺序 读写 Properties 配置文件
- CKeditor的简单使用
- cent os 6 安装 nginx
- 原生js学习笔记2
- 【LCS,LIS】最长公共子序列、单调递增最长子序列
- Linux --->; 简单socket
- Hibernate五 HQL查询
- week4_motion_of_ball_1(小球运动)——最基本
- PHP - 防止非法调用页面
- UVa 706 &; ZOJ 1146 LC-Display
- Java模拟新浪微博登陆抓取数据
- 如何在Linux下查看版本信息
- get通配符
- c# cbo控件
- 采石厂管理系统V3.0版本上线(采石厂车辆出入管理系统,石厂开票系统)
- Spring Boot 注解配置 day03
- openCV函数
- java日志
- mybatis 无法自动补全,没有获得dtd文件