美文网首页JavaScript 进阶营
es6你不知道的字符串方法

es6你不知道的字符串方法

作者: Funwt | 来源:发表于2017-08-24 17:40 被阅读31次

includes()、startsWith()、endsWith()

includes():返回布尔值,表示是否找到了参数字符串。
startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。

var s = 'Hello world!';

s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

接收第二个参数,表示起始搜索位置

var s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

repeat()

repeat方法返回一个新字符串,表示将原字符串重复n次。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""

padStart()、padEnd()

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'

如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串。

'abc'.padStart(10, '0123456789')
// '0123456abc'
>如果省略第二个参数,默认使用空格补全长度。
```js
'x'.padStart(4) // '   x'
'x'.padEnd(4) // 'x   '

padStart的常见用途是为数值补全指定位数。下面代码生成10位的数值字符串。

'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"

相关文章

  • 字符串

    1. 字符串方法。 2. ES6新增加的字符串方法。

  • JS判断对象是否为空

    方法一: 将 Object 对象转换为字符串,然后判断字符串 方法二: 方法三: ES6 新增的方法 Object...

  • React设置多个classNames

    方法一:ES6模版字符串 方法二:join("") 方法三:classnames(需要下载classnames)

  • 日期格式转换

    es6字符串方法padStart()方法,padEnd()方法字符串补全长度的功能。如果某个字符串不够指定长度,会...

  • JS与ES6字符串相关方法的区别

    JS与ES6字符串相关方法的区别 js字符串相关方法 toLowerCase(): 把字符串转为小写,返回新的字符...

  • ES6的字符串

    ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。1.includes(...

  • ES6最新特性汇总

    let,const代替var 模板字面量 作用:连接字符串如,旧的表示方法: ES6表示方法:使用`字符串${变量...

  • 正则表达式的扩展

    构造函数 在ES6中可以这样定义正则表答式 字符串方法 字符串中的方法match()、replace()、sear...

  • padStart()方法,padEnd()方法

    偶然看到一个方法 研究下padStart方法 padStart()方法,padEnd()方法ES6 引入了字符串补...

  • ES6新语法

    一、字符串拼接(ES6) 1.传统方法 使用+ 2.模版拼接(ES6新方法) 使用${str1}拼接,可支持换行,...

网友评论

    本文标题:es6你不知道的字符串方法

    本文链接:https://www.haomeiwen.com/subject/ombedxtx.html