ES6新增操作字符串的七种方法

简介: ES6新增操作字符串的七种方法

让我为大家介绍一下ES6新增操作字符串的七种方法吧!

1.includes() 重点

返回布尔值,判断是否找到参数字符串

let str = "hello str"
    // 找到返回true
    console.log(str.includes("h")) // true
    // 没找到返回false
    console.log(str.includes("a")) // false

2.startsWith()

返回布尔值,判断参数字符串是否在原字符串的头部

let str = "hello str"
    // h在字符串的头部返回true
    console.log(str.startsWith("h"))//true
    // e不在头部返回false
    console.log(str.startsWith("e"))//false

3.endsWith()

返回布尔值,判断参数字符串是否在原字符串的尾部

let str = "hello str"
    // r在字符串的尾部返回true
    console.log(str.endsWith("r")) // true
    // h不在字符串的尾部返回false
    console.log(str.endsWith("h")) // false

4.repeat(number)

返回新的字符串,表示将字符串重复指定次数返回

let str = "hello str"
    console.log(str.repeat(2)) //hello strhello str

5.padStart(总长度,“填充的字符串”)

返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串

let str = "hello str"
    // 现在我们str的长度为9
    // 我们限定了总长度为10 我们在字符串最前面添加 一直添加到总长度为10
    // 如果未填充字符串 字符串不变
    console.log(str.padStart(10,"123")) //1hello str

6.padEnd(总长度,“填充的字符串”)

返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串

let str = "hello str"
    // 现在我们str的长度为9
    // 我们限定了总长度为10 我们在字符串最后面添加 一直添加到总长度为10
    // 如果未填充字符串 字符串不变
    console.log(str.padEnd(10, "123")) //hello str1

7.模板字符串

大家如果想更好的了解模板字符串的使用,可以阅读本人的这篇模板字符串的基本使用

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关文章
|
6天前
|
JavaScript 前端开发
ES6之模板字符串及字符串新增方法
ES6之模板字符串及字符串新增方法
|
6天前
|
设计模式
ES6中新增Array.from()函数的用法详解
ES6中新增Array.from()函数的用法详解
30 1
|
6天前
|
编解码 JavaScript 前端开发
ES6 字符串的新增方法
ES6 字符串的新增方法
|
6天前
|
网络架构
ES6中数组新增了哪些扩展?
ES6中数组新增了哪些扩展?
45 1
|
6天前
ES6对象新增了哪些扩展?
ES6对象新增了哪些扩展?
38 0
|
6天前
|
网络架构
ES6函数新增了哪些扩展?
ES6函数新增了哪些扩展?
30 0
|
6天前
|
JavaScript 前端开发 索引
es6 数组新增哪些方法以及使用场景
es6 数组新增哪些方法以及使用场景
25 0
|
5月前
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
|
6月前
|
网络架构
ES6中新增的rest剩余参数在函数内部的使用问题
ES6 中引入了 rest 参数(...变量名),用于获取函数内不确定的多余参数,注意只能放在所有参数的最后一个
29 0
|
9月前
|
存储 前端开发 JavaScript
ES6新特性。对象、数组新增方法
ES6新特性。对象、数组新增方法
134 0