在 JavaScript 中，ES8 带来了许多新的特性和函数，其中 Array.includes() 和 String.padStart() 函数是其中两个非常有用的函数。在本文中，我们将会详细讨论这两个函数的使用方法和指导意义。
Array.includes()
Array.includes() 函数用于判断一个数组是否包含一个指定的值，返回值为布尔值。该函数可以替换掉以前常用的数组查找方法，例如 indexOf() 函数。
语法
array.includes(valueToFind, fromIndex)
- valueToFind: 必填，需要查找的值。
- fromIndex: 可选，从哪个位置开始查找。
示例
const arr = [1, 2, 3, 4]; console.log(arr.includes(2)); // true console.log(arr.includes(5)); // false console.log(arr.includes(3, 2)); // true console.log(arr.includes(1, -4)); // true
在上面的示例中，我们创建了一个数组 arr，然后使用 includes() 函数查找值 2 是否在数组中，结果为 true。我们还可以查找值 5 是否在数组中，结果为 false。另外，我们还可以指定从哪个位置开始查找，例如从第二个元素开始查找值 3，结果为 true。最后，我们还可以使用负数的 fromIndex 值，例如从倒数第四个元素开始查找值 1，结果为 true。
指导意义
Array.includes() 函数让数组查找变得更加简单和直观，避免了 indexOf() 函数返回 -1 的一些问题。在实际开发中，我们可以使用 includes() 函数来判断一个数组是否包含某个元素，避免了一些不必要的 if 判断。
String.padStart()
String.padStart() 函数用于在一个字符串的开头填充一些字符，直到字符串达到指定的长度。该函数可以用于格式化输出和字符串对齐等场景。
语法
string.padStart(targetLength, padString)
- targetLength: 必填，填充后字符串的长度。
- padString: 可选，填充的字符串。
示例
const str = '123'; console.log(str.padStart(5, '0')); // 00123 console.log(str.padStart(2, '0')); // 123 console.log(str.padStart(5)); // 123
在上面的示例中，我们创建了一个字符串 str，然后使用 padStart() 函数在其开头填充 0，直到字符串长度为 5，结果为 00123。我们还可以指定填充的字符串为其他字符，例如填充为 123，结果为 123。最后，如果不指定填充的字符串，则默认使用空格填充，例如填充为长度为 5 的空格字符串，结果为 " 123"。
指导意义
String.padStart() 函数可以用于格式化输出和字符串对齐等场景，让代码更加清晰和易读。在实际开发中，我们可以使用 padStart() 函数来对字符串进行填充，避免了一些手动填充的问题。但需要注意的是，padStart() 函数会改变原始字符串，如果需要保留原始字符串，则需要使用新的变量来接收填充后的字符串。
结论
ES8 中的 Array.includes() 和 String.padStart() 函数提供了一些有用的特性和函数，可以让 JavaScript 开发更加简单和直观。在实际开发中，我们可以使用这两个函数来提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67272f652e7021665e1c5f53