資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學如何在JavaScript中將兩個陣列新增到一個新陣列中？
陣列是一種資料結構，它表示一個按索引排序的元素的有序集合。將兩個或多個數組合並以建立一個包含所有原始陣列中所有專案的更大陣列是在多個數組上執行的典型操作。
在JavaScript中，有多種方法可以將兩個陣列新增到一起並建立一個新陣列。本文將介紹如何正確使用concat()方法和展開運算子(...)將兩個單獨的數組合併到一個新建立的陣列中。
此外，將對每種方法進行示例說明，以便您更好地理解它們的工作原理以及何時最好使用它們。
在JavaScript中使用concat()
concat() 方法連線兩個或多個數組。concat() 方法返回一個包含合併陣列的新陣列。已經存在的陣列不受concat() 方法的影響。
語法
以下是concat() 的語法
array1.concat(array2, array3, ..., arrayX)
示例
在下面的示例中，我們正在執行包含concat() 的指令碼以合併兩個陣列並獲得新的陣列。
<!DOCTYPE HTML>
<html>
<body>
<script>
var arr1 = ["MSD", "VIRAT"];
var arr2 = ["YUVRAJ", "ABD"];
arr3 = arr1.concat(arr2);
document.write(JSON.stringify(arr3));
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含透過使用concat() 方法新增兩個陣列而獲得的陣列。這在執行指令碼時觸發。
使用展開運算子
展開運算子(...)是一個JavaScript運算子，允許在需要多個引數（用於函式呼叫）或多個元素（用於陣列字面量）的地方展開表示式。展開運算子將可迭代物件（例如陣列、集合、字串甚至對映）展開到其各個值。
語法
以下是展開運算子的語法
var variablename1 = [...value];
示例
讓我們看下面的例子，我們使用展開運算子合併兩個陣列以形成第三個陣列。
<!DOCTYPE HTML>
<html>
<body>
<script>
var car = ["BMW","BENZ","AUDI"];
var bike = ["RX100","RC390","VESPA"];
const merged = [...car, ...bike];
document.write("First Array value=");
document.write(JSON.stringify(car)+"<br>");
document.write("Second Array value=");
document.write(JSON.stringify(bike)+"<br>");
document.write("After result=");
document.write(JSON.stringify(merged));
</script>
</body>
</html>
執行上述指令碼後，網頁瀏覽器將顯示指令碼中使用的兩個陣列以及一個新陣列，該陣列是由執行指令碼時觸發的事件建立的。
在JavaScript中使用push()方法
push() 方法使用新元素擴充套件陣列。push() 方法修改陣列的長度。push() 返回新的長度作為結果。
語法
以下是push()的語法
array.push(item1, item2, ..., itemX)
示例
讓我們考慮下面的示例，我們使用push()方法將兩個陣列新增到一個新陣列中。
<!DOCTYPE HTML>
<html>
<body>
<script>
const movie = ['Balu', 'Pokiri'];
const hero = ['Pavankalyan', 'MaheshBabu'];
movie.push(...hero);
document.write(JSON.stringify(movie));
</script>
</body>
</html>
當指令碼執行時，它將導致事件被觸發並顯示一個新陣列，該陣列是由我們在上述指令碼中使用的兩個陣列的合併建立的。
2K+ 瀏覽量
