array.fill()方法的入门介绍

696 阅读2分钟

在JavaScript中,array.fill()方法是用来将一个元素从用户定义的起始索引位置到结束索引位置放入数组中。它必须通过一个数组类的特定实例来调用,因为它属于一个数组对象方法。这个方法覆盖了原来的数组,并在数组中填充了一个指定的元素。

array.fill()方法属于ECMAScript6。除了Internet Explorer 11之外,所有的现代浏览器,如Chrome、Edge、Safari等都支持这个方法。

本文对JavaScript中的array.fill()方法进行了深入的分析,并为以下学习成果服务。

  • array.fill()方法在JavaScript中如何工作
  • 如何在JavaScript中使用array.fill()方法

数组.fill()方法在JavaScript中是如何工作的

array.fill()方法的工作原理描述如下。

语法

下面的语法代表了JavaScript中array.fill()方法的功能。

arr.fill(value[, start[, end]])

array.fill()方法使用以下参数。

  • value代表数组中要填充的一个元素
  • start表示arr.fill()方法开始填充该值的索引号。它是可选的,默认数字为0。
  • end表示arr.fill()方法停止填充数组中的值的索引位置。它是可选的,默认值为length-1。

array.fill()方法返回一个修改/填充的数组。

如何在JavaScript中使用array.fill()方法

array.fill()方法覆盖了原始数组并填充了指定的元素。在这里,我们将通过例子来解释**array.fill()**方法的用法。

例子1:如何使用javascript中的array.fill()方法覆盖一个数组

array.fill() 方法是用来覆盖/修改原始数组的。这个例子展示了如何在javascript中使用**array.fill()**方法来修改一个数组。

var title_array = [ 't' , 'i ', 't' , 'l' , 'e' ];
console.log(title_array.fill( 'z', 0, 2));

在上面的代码中,我们已经声明了一个有5个元素的数组对象 "title_array"。array.**fill()**方法被应用于 "title_array "以修改该数组。z "元素在前两个位置被修改。

开始索引号被设置为0,结束索引号被设置为2(这说明元素将被填充到索引号1=(2-1))。因此,第0和第1个索引的元素被替换为'z'。

例2:如何使用array.fill()方法替换数组中的元素

array.fill() 方法是用来填充原始数组的。这个例子展示了如何在javascript中用 **array.fill()**方法来填充一个数组。

var arr=["Javascript", "Html", "Node.js"];
Var result=arr.fill("css");
console.log(result);

在这个例子中,我们声明了一个变量并使用**array.fill()**方法来填充一个数组。我们传入新值 "css "来填充现有的数组。

输出结果显示,"arr"中的所有元素都被 "css "元素所取代。

结论

在JavaScript中, Array.fill()方法被用来将一个数组元素从开始到结束的索引位置。 在这个完整的指南中,我们描述了对javascript中array.fill()方法的介绍。这个步骤解释了array.fill() 方法、语法和它的功能,并附有例子。