Reactjs试图合并数组

Question

假设我有两个阵列

let array1 = ["H","E","", "","O","","","R","L","D"];
let array2 = ["","","L","L","","W","O","","",""];

我想合并它们,然后它们将包含:

array3 = ["H","E","L", "L","O","W","O","R","L","D"];

我怎么做到这一点？为了更清楚,我有一个目标数组,其中array3是一个空数组,然后我生成随机字符,如果它们匹配array3,则将它们添加到具有反应状态的特定位置的空白数组中.它不是每次都存储位置和角色而只是改变它.所以我的想法是设置状态,以便我将当前状态与找到的新字符合并.

TLDR: - 暴力迫使Hello World meme.

Answer 1

您可以使用Array.prototype.map()创建一个新的数组array3,迭代array1并得到l(字母),如果有任何l评估,falsey然后得到相同i(索引)中的字母array2.

请注意,let应该始终使用,而不是声明您的数组,const因为它使代码更容易在其范围内读取,并且const变量始终引用相同的对象.

代码示例:

const array1 = ["H","E","", "","O","","","R","L","D"];
const array2 = ["","","L","L","","W","O","","",""];

const array3 = array1.map((l, i) => l || array2[i]);

console.log(array3);