JavaScriptでの繰り返し処理

Question

オブジェクトを配列に追加しようとしていますが、各配列にはemailやnameのような複数のフィールドがあります。次に、アレイの外観を示します。別の配列に追加したいです。

result = [ 
    { 
    "email": "abc@gmail.com", 
    "firstName": "abc" 
    }, 
    { 
    "email": "def@gmail.com", 
    "firstName": "def" 
    } 
] 

以下は、私が適用しようとしているロジックです。

var userEmail = "" 
var users = []; 
var newUser = {'email' : "", 'name' : "", 'type' : 'to'}; 

for(var i=0; i<result.length; i++){ 
    userEmail = result[i].email 
    //console.log(userEmail); 
    newUser.email = result[i].email; 
    newUser.name = result[i].firstName; 
    users.push(newUser); 
    } 

私の予想出力はこの

users = [ { email: 'abc@gmail.com', name: 'abc' }, 
    { email: 'def@gmail.com', name: 'def' } ] 

である。しかし、私は取得しています出力は、私が間違っているつもりです。この

[ { email: 'abc@gmail.com', name: 'abc' }, 
    { email: 'abc@gmail.com', name: 'abc' } ] 

のですか？

Answer 1

あなたは繰り返しの代わりに、各反復で新しいオブジェクトを作成する、新しい値で単一オブジェクトを更新しています。ループの中にvar newUser = {};を作成してください。

var users = result.map(function(r) { 
    return { email: r.email, name: r.firstName, type: 'to' }; 
}); 

またはES6の構文で：

let users = result.map(r => ({ email: r.email, name: r.firstName, type: 'to' })); 

Answer 2

あなたがに実行していた、別の配列に配列を核変換するための標準的な機能である.mapを使用する方が良いだろう、と述べた

あなたのnewUsersオブジェクトの問題これはオブジェクトなので、このオブジェクトへの参照をusers配列に追加するだけです。 2回目の反復でaginを変更しているときは、元の参照にも変更があります。以下のスニペットで問題を解決してください。

var userEmail = "" 
 
var users = []; 
 
          
 
for(var i=0; i<result.length; i++){ 
 
    users.push({ 
 
    email: result[i].email, 
 
    name: result[i].firstName, 
 
    type: 'to' 
 
    }); 
 
    }

Answer 3

これを試してみてください：

var result = [ 
    { 
    "email": "abc@gmail.com", 
    "firstName": "abc" 
    }, 
    { 
    "email": "def@gmail.com", 
    "firstName": "def" 
    } 
]; 

users = []; 

result.forEach(function(obj){ 
    var newUser = {}; 
    newUser.email = obj.email; 
    newUser.name = obj.firstName 
    users.push(newUser) 
}) 

console.log(users)