JavaScript 中填充陣列

1. 在 JavaScript 中使用 Array.prototype.fill() 填充陣列
2. 在 JavaScript 中使用 Array.prototype.map() 填充陣列
3. 在 JavaScript 中使用 Array.from() 方法填充陣列
4. 在 JavaScript 中使用 apply() 方法填充陣列
5. 在 JavaScript 中使用 loop 語句填充陣列

在 JavaScript 中，Array.prototype.fill() 連續工作以填充某個範圍陣列。但是，根據瀏覽器的不同，許多元素的操作可能會變慢。

或多或少，大多數填充陣列的方式都面臨著大量元素的這種緩慢的步伐。但有些方法在快速比較運算的情況下效果更好。

在這裡，我們將看到方法 fill()、map()、from()、apply() 和基本 loop 語句填充陣列的應用。讓我們跳到程式碼行。

在 JavaScript 中使用 Array.prototype.fill() 填充陣列

此方法需要一行程式碼來初始化陣列元素。fill() 方法的預設函式完成了填充陣列的工作。

程式碼片段：

var a = new Array(5).fill(1);
console.log(a);

輸出：

在 JavaScript 中使用 Array.prototype.map() 填充陣列

在這裡，我們將使用擴充套件運算子來擴充套件陣列的元素，然後在每個元素上應用 map() 以用一個值填充它們。程式碼解釋得更好。

程式碼片段：

var a = [...new Array(5)].map(x => 2);
console.log(a);

輸出：

在 JavaScript 中使用 Array.from() 方法填充陣列

在這種情況下，我們將使用 Array.from() 方法，該方法將接受一個定義其範圍的陣列例項，並且還將有一個函式集將初始化 lambda 函式範圍中描述的元素值。讓我們檢查一下程式碼塊。

程式碼片段：

var a = Array.from(Array(5), () => 3);
console.log(a);

輸出：

在 JavaScript 中使用 apply() 方法填充陣列

我們將使用 apply() 方法將陣列的所有元素保持在一定範圍內。稍後，我們將使用 map() 函式為每個元素賦值。

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

輸出：

在 JavaScript 中使用 loop 語句填充陣列

在這裡，我們將使用一個基本迴圈來遍歷陣列的元素直到指定範圍，然後初始化這些值。

程式碼片段：

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

輸出：