如何在JavaScript中将两个长度不同的数组对应赋值？

Question

js 如何将两个长度不同的数组对应赋值？
例如:

arr1 =  [
    {key:'text',value:''},
    {key:'input',value:''},
    {key:'input',value:''},
    {key:'text',value:''},
]
arr2 = ['a1','b2']

我想把 arr2 中的值赋给 arr1 中 key 为 'input' 的 value，顺序已经对应，如何处理呢？

用了两层循环,每次遍历结果都是最后的值,是不是有更好的方式？
最终希望 arr1 的结果是

arr1 =  [
    {key:'text',value:''},
    {key:'input',value:'a1'},
    {key:'input',value:'b2'},
    {key:'text',value:''},
]

Answer 1

AI回答帮忙搞定了。

let index = 0; // 用于追踪 arr2 的当前值索引

arr1.forEach(item => {

if (item.key === 'input' && index < arr2.length) {
    item.value = arr2[index];
    index++;
}
});

console.log(arr1);

Answer 2

let arr1 = [
  {key: 'text', value: ''},
  {key: 'input', value: ''},
  {key: 'input', value: ''},
  {key: 'text', value: ''}
];

let arr2 = ['a1', 'b2'];

let inputIndex = 0;
for (let i = 0; i < arr1.length && inputIndex < arr2.length; i++) {
  if (arr1[i].key === 'input') {
    arr1[i].value = arr2[inputIndex];
    inputIndex++;
  }
}

console.log(arr1);