在 JavaScript 中的陣列開頭新增元素

Shiv Yadav 2022年5月1日
在 JavaScript 中的陣列開頭新增元素

在 JavaScript 中,你可以使用 unshift() 方法在陣列的開頭快速新增元素或值。

在 JavaScript 中使用 unshift() 方法在陣列的開頭新增元素

unshift() 方法將指定的值新增到類似陣列的物件的開頭。此方法與 push() 方法相反,後者將元素新增到陣列的末尾。

然而,這兩種方法都返回陣列的更新長度。

語法:

unshift(object0)
unshift(object0, object1)
unshift(object0, object1, /* ... ,*/ objectN)

unshift() 被設計為通用的。可以呼叫或應用於此方法的類陣列物件。

沒有長度屬性的事物(代表最新的一系列從零開始的數值屬性)可能不會以任何有意義的方式表現。

如果多個元素作為引數提供,它們將在物件的開頭以塊的形式新增,其順序與作為引數傳遞的順序相同。

因此,使用 n 個引數呼叫 unshift() 一次或使用一個引數呼叫它 n 次(例如,在迴圈中)不會產生相同的結果。

下面的示例演示如何以單個或多個條目開始陣列。

例子:

var subjects = ["science", "Math", "Social"];
subjects.unshift("Computer");
console.log(subjects);

subjects.unshift("Health", "English");

console.log(subjects);

for(var i = 0; i < subjects.length; i++){
    document.write("<p>" + subjects[i] + "</p>");
}

輸出:

["Computer", "science", "Math", "Social"]

你也可以執行程式碼

在上面的示例中,建立了名為 subjects 的變數,然後使用 unshift() 方法將一個新元素新增到前面的主題中。

同樣,如果在 unshift() 方法的幫助下將兩個主題新增到前面的陣列中。

輸出:

["Health", "English", "Computer", "science", "Math", "Social"]
Author: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

相關文章 - JavaScript Array