オブジェクトのJS配列のキー値のペアを減らす

Question

2つの配列に分割して適切に処理する必要があるオブジェクトが1つあります。 それはこのように見えた：それは私はそれを変換しなければならなかった特定の指示に合わせて、必要があるので

{ 
    city:"stuttgart", 
    street:"randomstreet", 
    ... 
} 

：このため

[ 
    {key:"city", value:"stuttgart"} 
    {key:"street", value:"randomstreet"}, 
    ... 
] 

を、私は最初の二つを作成するために

var mapFromObjectWithIndex = function (array) { 
    return $.map(array, function(value, index) { 
    return [value]; 
    }); 
}; 

var mapFromObjectWithValue = function (array) { 
    return $.map(array, function(value, index) { 
    return [index]; 
    }); 
}); 

を使用配列には、古いキーを含むものと、古いものを保持するものとがあります。その後、私は別のものを作成し、2次元配列は、私が使用してこの

var mapToArray = function (arrayValue, arrayIndex) { 
    var tableData = []; 
    for (var i = 0; i<arrayIndex.length; i++){ 
    tableData[i] = {key:arrayIndex[i] , value:arrayValue[i]}; 
    } 
    return tableData; 
}; 

（多分私はすでにここで台無しにしている、これは、任意の容易に行うことができますか？）今

を、やって単一のアレイにそれらをマッピング配列（tableData）を使用してデータをフォームに表示します。値フィールドは編集できます。最後に、配列（tableData）を元のものに変換したいと思います。 （最初のオブジェクトを参照）

元のオブジェクトは文字列を値として含むだけでなく、オブジェクトも含むことに注意してください。

Answer 1

私は、変換は間違いなく容易になることができると思います。

var obj = { 
 
    city:"stuttgart", 
 
    street:"randomstreet", 
 
}; 
 

 
var tableData = Object.keys(obj).map(k => {return {key: k, value: obj[k]}}); 
 

 
console.log(tableData); 
 

 
var dataBack = {}; 
 
tableData.forEach(o => dataBack[o.key] = o.value); 
 

 
console.log(dataBack);

あなたがオブジェクトとはどのように過ごしたいですか？それらも展開したいですか？はい、あなたがこのような何かを行うことができます（そしてそれは同様にネストされたオブジェクトで動作する）場合：objVar.mapToArray()を呼び出すとき

var obj = { 
 
    city:"stuttgart", 
 
    street:"randomstreet", 
 
    obj: {a: 'a', b: 'b'}, 
 
    subObject: {aha: {z: 'z', y: 'y'}} 
 
}; 
 

 
function trasformToTableData(obj) { 
 
    if (typeof obj !== 'object') return obj; 
 
    return Object.keys(obj).map(k => {return {key: k, value: trasformToTableData(obj[k])}}); 
 
} 
 

 
var tableData = trasformToTableData(obj); 
 
console.log(tableData); 
 

 
function transformBack(obj) { 
 
    if (Array.isArray(obj)) { 
 
    var support ={}; 
 
    for (let i = 0; i < obj.length; i++) { 
 
     support[obj[i].key] = transformBack(obj[i].value) 
 
    } 
 
    return support; 
 
    } 
 
    return obj; 
 
} 
 

 
var dataBack = {}; 
 
tableData.forEach(o => dataBack[o.key] = transformBack(o.value)); 
 

 
console.log(dataBack);

Answer 2

この関数は、Object.keys()を使用して、配列にあなたのオブジェクトをマッピングし、 .map()

Object.prototype.mapToArray = function() { 
    return Object.keys(this).map(function(v) { 
    return { key: v, value: this[v] }; 
    }.bind(this)); 
} 

Answer 3

私たちのオブジェクトを繰り返し実行して、次のようにしてみましょう。

​​

Answer 4

私はこのようなものだろう：

var dataObj = { 
 
    city:"stuttgart", 
 
    street:"randomstreet", 
 
}; 
 

 
function toKeyValue(obj) { 
 
    var arr = []; 
 
    for (var key in obj) { 
 
    if(obj.hasOwnProperty(key)) { 
 
     arr.push({'key': key, 'value': obj[key]}); 
 
    } 
 
    } 
 
    return arr; 
 
} 
 

 
var arrayKeyValue = toKeyValue(dataObj); 
 
console.log(arrayKeyValue);