ECMAScript 2016 (ES7) 中的字符串原型方法的性能对比-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，字符串操作是非常常见的，而在 ECMAScript 2016 (ES7) 中，字符串原型方法的性能有了显著的提升。本文将详细介绍 ES7 中的字符串原型方法，并进行性能对比，帮助读者更好地理解和应用。

字符串原型方法

在 ES7 中，有三种新的字符串原型方法，分别是 includes、startsWith 和 endsWith。它们的作用分别是判断一个字符串是否包含另一个字符串、判断一个字符串是否以另一个字符串开头、判断一个字符串是否以另一个字符串结尾。这三种方法都返回一个布尔值。

includes

includes 方法接受两个参数，第一个参数是要查找的子串，第二个参数是从哪个位置开始查找。如果省略第二个参数，则默认从字符串的起始位置开始查找。

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

上面的代码中，第一个 includes 方法返回 true，因为字符串 str 中包含子串 world。第二个 includes 方法返回 false，因为从位置 6 开始查找时，字符串 str 中不包含子串 world。

startsWith

startsWith 方法接受两个参数，第一个参数是要查找的子串，第二个参数是从哪个位置开始查找。如果省略第二个参数，则默认从字符串的起始位置开始查找。

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

上面的代码中，第一个 startsWith 方法返回 true，因为字符串 str 以子串 hello 开头。第二个 startsWith 方法返回 false，因为从位置 6 开始查找时，字符串 str 不以子串 world 开头。

endsWith

endsWith 方法接受两个参数，第一个参数是要查找的子串，第二个参数是从哪个位置开始查找。如果省略第二个参数，则默认从字符串的末尾位置开始查找。

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

上面的代码中，第一个 endsWith 方法返回 true，因为字符串 str 以子串 world 结尾。第二个 endsWith 方法返回 true，因为从位置 5 开始查找时，字符串 str 以子串 hello 结尾。

性能对比

为了更好地理解 ES7 中的字符串原型方法的性能，我们来进行一些简单的测试。

// www.javascriptcn.com code example
const str = 'hello world';

console.time('includes');
for (let i = 0; i < 1000000; i++) {
  str.includes('world');
}
console.timeEnd('includes');

console.time('startsWith');
for (let i = 0; i < 1000000; i++) {
  str.startsWith('hello');
}
console.timeEnd('startsWith');

console.time('endsWith');
for (let i = 0; i < 1000000; i++) {
  str.endsWith('world');
}
console.timeEnd('endsWith');

上面的代码中，我们分别测试了 includes、startsWith 和 endsWith 方法的性能，每个方法都执行了 1000000 次。我们可以通过浏览器的控制台来查看每个方法的执行时间。

测试结果如下：

includes: 9.506ms
startsWith: 3.103ms
endsWith: 3.202ms

从上面的测试结果可以看出，includes 方法的性能要稍差一些，而 startsWith 和 endsWith 方法的性能则非常接近。

学习和指导意义

ES7 中的字符串原型方法可以让我们更方便地进行字符串操作，而且性能也有了显著的提升。在实际开发中，我们应该根据具体的需求来选择使用哪种方法。如果只是简单的判断是否包含、是否以某个字符串开头或者结尾，那么使用任何一种方法都可以。如果需要进行更复杂的字符串操作，我们可以结合正则表达式等其他工具来完成。

总之，ES7 中的字符串原型方法为我们提供了更多的选择，帮助我们更高效地进行字符串操作。在实际开发中，我们应该根据具体需求来选择合适的方法，并注意性能问题。

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

ECMAScript 2016 (ES7) 中的字符串原型方法的性能对比