es6 string 扩展方法
2023-09-27 14:26:50 时间
es6 string 扩展方法
- 学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353
includes(), startsWith(), endsWith()
传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。
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个位置直到字符串结束。
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'
- 上面代码中,padStart()和padEnd()一共接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。
trimStart(),trimEnd()
相关文章
- 记录一下ES6扩展运算符(三点运算符)...的用法
- ES6新特性-----------学好扩展运算符(...)这一篇就够了
- ES6对象的扩展
- ES6扩展运算符和剩余参数运算符
- 15.ES6新特性:Set数据结构方法
- 13.ES6新特性:函数扩展_箭头函数
- ES6 对象的扩展
- 《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6
- 细读 ES6 | Promise 上篇
- 56 道高频 JavaScript 与 ES6+ 的面试题及答案(中)
- JavaScript设计模式es6(23种)
- 前端项目中常用es6知识总结 -- 箭头函数及this指向、尾调用优化
- ES6对象的扩展及新增方法
- ES6之用let,const和用var来声明变量的区别
- ES6新特性③
- TeeChart JS 2022新的ES6编码库可动态加载的模块加载
- es6字符串新特性
- ES6 从入门到精通 # 13:数组的扩展方法二
- ES6 从入门到精通 # 12:数组的扩展方法一
- 【ES6 从入门到精通系列】学习笔记 23 篇(完结)
- React的ES5与ES6写法对比
- ES6学习之路3----rest参数与扩展运算符
- 24前端学习之js高级:ES6介绍, 新增语法,内置对象扩展