ES6 中字符串的方法详解

在 ES6 中，字符串有了更多的方法，让我们更加方便地操作字符串。本文将详细介绍 ES6 中新增的字符串方法，并附带示例代码，希望能对前端开发者有所帮助。

1. includes()

includes() 方法用于判断一个字符串是否包含另一个字符串，返回值为布尔类型。

const str = 'hello world';
console.log(str.includes('world')); // true
console.log(str.includes('hi')); // false

2. startsWith()

startsWith() 方法用于判断一个字符串是否以另一个字符串开头，返回值为布尔类型。

const str = 'hello world';
console.log(str.startsWith('hello')); // true
console.log(str.startsWith('world')); // false

3. endsWith()

endsWith() 方法用于判断一个字符串是否以另一个字符串结尾，返回值为布尔类型。

const str = 'hello world';
console.log(str.endsWith('world')); // true
console.log(str.endsWith('hello')); // false

4. repeat()

repeat() 方法用于将一个字符串重复多次，返回值为新的字符串。

const str = 'hello';
console.log(str.repeat(3)); // hellohellohello

5. padStart()

padStart() 方法用于将一个字符串填充到指定长度，如果长度不足，则在字符串前面填充指定字符，返回值为新的字符串。

const str = 'hello';
console.log(str.padStart(10, 'x')); // xxxxxhello

6. padEnd()

padEnd() 方法用于将一个字符串填充到指定长度，如果长度不足，则在字符串后面填充指定字符，返回值为新的字符串。

const str = 'hello';
console.log(str.padEnd(10, 'x')); // helloxxxxx

7. trimStart()

trimStart() 方法用于去除一个字符串开头的空格，返回值为新的字符串。

const str = '   hello';
console.log(str.trimStart()); // hello

8. trimEnd()

trimEnd() 方法用于去除一个字符串结尾的空格，返回值为新的字符串。

const str = 'hello   ';
console.log(str.trimEnd()); // hello

9. 模板字符串

ES6 中新增了模板字符串，可以用来拼接字符串和变量，使用反引号（`）包裹字符串，变量用 ${} 包裹。

const name = 'Jack';
console.log(`My name is ${name}.`); // My name is Jack.

总结

本文介绍了 ES6 中字符串的方法，包括 includes()、startsWith()、endsWith()、repeat()、padStart()、padEnd()、trimStart()、trimEnd() 和模板字符串。这些方法可以让我们更加方便地操作字符串，提高开发效率。希望本文能对前端开发者有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d1f180add4f0e0ffa82ca4