オブジェクトキーを反復してキー値を操作します

Question

私はサーバーの応答から来ているオブジェクトの配列を持っています。

アレイ構造：

[ 
    { 
    col1: ["a", "b"], 
    col2: ["c", "d"] 
    }, 

    { 
    col1: ["e", "f"], 
    col2: ["g", "h"] 
    } 
] 

Iは、所望の出力アレイがこの形態であることたい：

[ 
    { 
    col1: "b", 
    col2: "d" 
    }, 

    { 
    col1: "f", 
    col2: "h" 
    } 
] 

基本的に、私は最初に単一のアレイであるオブジェクトキー値を変換しますその値はObject keys配列の2番目の要素になります。

オブジェクトキー配列をカンマ区切り文字列に変換してtoString()を使用して変換を実行できますが、次に​​を実行しますが、オブジェクトキーを反復処理できません。

反復

Answer 1

あなたは希望のキー/値を持つ新しいオブジェクトの内部マッピングにArray#map、Object.assignとspread syntax ...の組み合わせを使用することができます。

var data = [{ col1: ["a", "b"], col2: ["c", "d"] }, { col1: ["e", "f"], col2: ["g", "h"] }], 
 
    result = data.map(o => Object.assign({}, ...Object.keys(o).map(k => ({ [k]: o[k][1] })))); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

次のコードは、あなたの仕様に従って動作するはずのためにマップを使用してES6で入力を好むだろう。 Array#reduceとObject.keysを使用して

var arr = [ {col1: ["a","b"], col2: ["c","d"] }, {col1: ["e","f"], col2: ["g","h"] } ] 
 

 

 
// [ {col1: "b" , col2: "d" }, {col1: "f", col2: "h" } ] 
 

 
arr2 = []; 
 

 
arr.forEach(e => { 
 
    let currObj = {}; 
 
    Object.keys(e).forEach(f => { 
 
    currObj[f] = e[f][1] 
 
    }) 
 
    arr2.push(currObj) 
 
}) 
 

 
console.log(arr2);

Answer 3

解決策。

var arr = [ {col1: ["a","b"], col2: ["c","d"] }, {col1: ["e","f"], col2: ["g","h"] } ], 
 
    res = arr.reduce(function(s,a) { 
 
     var obj = {}; 
 
     Object.keys(a).map(function(c) { 
 
     obj[c] = a[c][1]; 
 
     }) 
 
     s.push(obj); 
 
     return s; 
 
    }, []); 
 
    
 
    console.log(res);

Answer 4

var data = [ {col1: ["a","b"], col2: ["c","d"] }, {col1: ["e","f"], col2: ["g","h"] } ]; 
 
var res=[]; 
 
var d = data.reduce(function(all,item){ 
 
    res.push({col1:item.col1[1],col2:item.col2[1]}); 
 
    return all; 
 
},{}); 
 

 
console.log(res);