ES6 带来了很多新的特性和语法,其中 String 对象也新增了一些方法,这些方法可以让我们更方便地操作字符串。本文将详细介绍 ES6 中新增的 String 方法,并给出示例代码,希望对前端开发者有所帮助。
1. includes()
includes() 方法用于判断一个字符串是否包含另一个字符串,返回值为布尔值。它的语法如下:
str.includes(searchString[, position])
其中,searchString 表示要查找的字符串,position 表示从哪个位置开始查找。如果不传入 position 参数,则默认从字符串的头部开始查找。
示例代码:
const str = 'Hello, world!'; console.log(str.includes('Hello')); // true console.log(str.includes('hello')); // false console.log(str.includes('world', 7)); // true
2. startsWith()
startsWith() 方法用于判断一个字符串是否以另一个字符串开头,返回值为布尔值。它的语法如下:
str.startsWith(searchString[, position])
其中,searchString 表示要查找的字符串,position 表示从哪个位置开始查找。如果不传入 position 参数,则默认从字符串的头部开始查找。
示例代码:
const str = 'Hello, world!'; console.log(str.startsWith('Hello')); // true console.log(str.startsWith('hello')); // false console.log(str.startsWith('world', 7)); // true
3. endsWith()
endsWith() 方法用于判断一个字符串是否以另一个字符串结尾,返回值为布尔值。它的语法如下:
str.endsWith(searchString[, length])
其中,searchString 表示要查找的字符串,length 表示从字符串的头部开始计算的长度。如果不传入 length 参数,则默认使用字符串的长度。
示例代码:
const str = 'Hello, world!'; console.log(str.endsWith('!')); // true console.log(str.endsWith('world')); // false console.log(str.endsWith('world', 12)); // true
4. repeat()
repeat() 方法用于重复一个字符串,返回值为一个新的字符串。它的语法如下:
str.repeat(count)
其中,count 表示要重复的次数。如果 count 是小数或者是负数,则会抛出 RangeError 异常。
示例代码:
const str = 'Hello'; console.log(str.repeat(3)); // HelloHelloHello
5. padStart() 和 padEnd()
padStart() 和 padEnd() 方法用于在一个字符串的头部或者尾部添加指定的字符,使字符串达到指定的长度。它们的语法如下:
str.padStart(targetLength[, padString]) str.padEnd(targetLength[, padString])
其中,targetLength 表示要达到的长度,padString 表示要添加的字符。如果不传入 padString 参数,则默认使用空格字符。
示例代码:
const str = 'Hello'; console.log(str.padStart(10, 'x')); // xxxxxHello console.log(str.padEnd(10, 'x')); // Helloxxxxx
6. trimStart() 和 trimEnd()
trimStart() 和 trimEnd() 方法用于去除一个字符串的头部或者尾部的空格字符。它们的语法如下:
str.trimStart() str.trimEnd()
示例代码:
const str = ' Hello '; console.log(str.trimStart()); // 'Hello ' console.log(str.trimEnd()); // ' Hello'
总结
ES6 中新增的 String 方法可以让我们更方便地操作字符串,包括判断一个字符串是否包含另一个字符串、判断一个字符串是否以另一个字符串开头或结尾、重复一个字符串、在一个字符串的头部或尾部添加指定的字符以达到指定的长度以及去除一个字符串的头部或尾部的空格字符。这些方法能够提高我们的开发效率,使代码更加简洁易读。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/657cc5c4d2f5e1655d7954dc