ES10 中使用 Array.padStart() 和 padEnd() 方法填充数组-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，数组是一种常用的数据结构。ES10 新增了两个数组填充方法：Array.padStart() 和 Array.padEnd()，可以帮助我们快速地填充数组，提高开发效率。

padStart() 和 padEnd() 的作用

padStart() 和 padEnd() 方法用于在数组的开头或结尾填充元素，使数组达到指定长度。这两个方法可以接受两个参数：第一个参数指定数组的长度，第二个参数指定填充的值。

以 padStart() 方法为例：

const arr = ['a', 'b', 'c'];

const arr1 = arr.padStart(5, 'x');
console.log(arr1); // ["x", "x", "a", "b", "c"]

上述代码中，padStart() 方法将数组 arr 填充到长度为 5，用字母 x 填充空缺的位置，返回一个新的数组 arr1。

同理，padEnd() 方法也可以用于数组的末尾填充元素。示例如下：

const arr2 = arr.padEnd(5, 'y');
console.log(arr2); // ["a", "b", "c", "y", "y"]

padStart() 和 padEnd() 方法在实际开发中非常实用。比如，我们想要将一组数据按照固定的格式进行展示，但是数据的长度可能是不一定的。这时候就可以使用 padStart() 和 padEnd() 方法，将数据填充到指定长度，再进行展示。

除此之外，填充数组还可以用于解决一些算法问题，比如在字符串匹配算法中，我们需要将字符串用指定字符填充到指定的长度，再进行匹配。

ES10 中的数组填充方法 padStart() 和 padEnd() 可以帮助我们快速地填充数组，使其达到指定长度。这两个方法在解决一些实际问题和算法问题时非常有作用。使用时需要注意输入参数的类型和长度，避免出现错误。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654c30d17d4982a6eb5cef0a