javascript新しい配列を既存の配列にマップして新しいプロパティを追加する

Question

新しい配列を既存の配列に追加したい。ここ

var input1 = [ { name: 'one' }, { name: 'two' }, { name: 'three' } ]; 
var input2 = [ { age: '1' }, { age: '2' }, { age: '3' } ]; 
result = [ { name: 'one', age: '1' }, { name: 'two', age: '2' }, { name: 'three', name: 'three' } ]; 

は私の試みですが、それが動作していません。

var original = "one,two,three"; 

var myarray = [{ age: '1' }, { age: '2' }, { age: '3' }]; 
// this myarray could ALSO be an empty [] array. 
myarray += original.split(',').map(s => ({name: s})); 
console.log(myarray) 

この結果を達成するために助けてください。ありがとう （これは重複した質問ではなく、配列の1つの長さの可能な差異を扱っています）。

Answer 1

2つの入力配列が異なるサイズのケースを処理する必要がある場合は、最大長を繰り返し処理し、2つの入力オブジェクトの連結を配列に出力する必要があります。ここではそれを行うことができる方法の例です：

var input1 = [ { name: 'one' }, { name: 'two' }, { name: 'three' } ]; 
 
var input2 = [ { age: '1' }, { age: '2' }, { age: '3' } ]; 
 
var output = []; 
 

 
var maxLength = Math.max(input1.length, input2.length); 
 
for (var i = 0; i < maxLength; i++) { 
 
    // here we create a new object which is a combination 
 
    // of the item from both input arrays and add it to output 
 
    output.push(Object.assign({}, input1[i], input2[i])); 
 
} 
 

 
console.log(output);

出力配列は、最長の入力配列の長さになります。

Answer 2

次の2つの配列内の同じインデックスにあるオブジェクトをマージして、あなたがこのような何か行うことができます新しい配列を返すにしたい場合は、次の作業スニペットと

result = input1.map((obj, index) => ({ 
    ...obj, 
    ...input2[index] 
})) 

編集：

を

const input1 = [ { name: 'one' }, { name: 'two' }, { name: 'three' } ]; 
 
const input2 = [ { age: '1' }, { age: '2' }, { age: '3' } ]; 
 

 
function mergeObjectsInArray(arr1, arr2) { 
 
    return arr1.map((obj, index) => ({ 
 
     ...obj, 
 
     ...arr2[index] 
 
    })); 
 
} 
 

 
console.log(mergeObjectsInArray(input1, input2))

Answer 3

両方の配列が同じ長さを持っている場合、次のことができますループトンオブジェクトのマージにObject.assign（）を使用することができます。たとえば、

var input1 = [ { name: 'one' }, { name: 'two' }, { name: 'three' } ]; 
    var input2 = [ { age: '1' }, { age: '2' }, { age: '3' } ]; 

    var x = []; 

    for (i in input1) { 
     x[i] = Object.assign(input1[i], input2[i]) 
    } 

変数xは、あなたが望む値を保持します。