如何在javascript中合並兩個字符串數組的元素？

Question

假設我們有兩個這樣的 JavaScript 數組：

var firstNameArray = ["Jack", "Indiana", "James"];

var lastNameArray = ["Sparrow", "Jones", "Bond"];

我希望輸出為：

var result = ["Jack Sparrow","Indiana Jones","James Bond"];

注意： firstNameArray和lastNameArray可以有動態值。

如何在 JavaScript 中合並兩個數組的元素以獲得此結果？

Answer 1

使用傳統for循環

 var firstNameArray = ["Jack", "Indiana", "James"]; var lastNameArray = ["Sparrow", "Jones", "Bond"]; let merged = []; for (let i = 0; i < firstNameArray.length; i++) { merged.push(`${firstNameArray[i]} ${lastNameArray[i]}`) } console.log(merged);

使用reduce方法

 var firstNameArray = ["Jack", "Indiana", "James"]; var lastNameArray = ["Sparrow", "Jones", "Bond"]; const merged = firstNameArray.reduce((arr, item, index) => { arr.push(`${item} ${lastNameArray[index]}`); return arr; }, []); console.log(merged)

使用map

 var firstNameArray = ["Jack", "Indiana", "James"]; var lastNameArray = ["Sparrow", "Jones", "Bond"]; let merged = firstNameArray.map((e,index) => { return `${e} ${lastNameArray[index]}`; }); console.log(merged);

Answer 2

var 結果 = firstNameArray.map((it,index)=>it+' '+lastNameArray[index]);

Answer 3

您可以使用 map 迭代任何數組（假設兩個數組都包含相同數量的元素），並根據索引構建新的集合並連接兩個數組元素。

演示：

 const firstNameArray = ["Jack", "Indiana", "James"]; const lastNameArray = ["Sparrow", "Jones", "Bond"]; const finalArray = firstNameArray.map((item, index) => { return `${item} ${lastNameArray[index]}` }); console.log(finalArray);