Bir dizi nesnem var:
[
{ key : '11', value : '1100', $$hashKey : '00X' },
{ key : '22', value : '2200', $$hashKey : '018' }
];
Bunu JavaScript ile aşağıdakine nasıl dönüştürebilirim?
{
"11": "1000",
"22": "2200"
}
Bir dizi nesnem var:
[
{ key : '11', value : '1100', $$hashKey : '00X' },
{ key : '22', value : '2200', $$hashKey : '018' }
];
Bunu JavaScript ile aşağıdakine nasıl dönüştürebilirim?
{
"11": "1000",
"22": "2200"
}
Yanıtlar:
Muhtemelen bunun gibi bir şey arıyorsunuz:
// original
var arr = [
{key : '11', value : '1100', $$hashKey : '00X' },
{key : '22', value : '2200', $$hashKey : '018' }
];
//convert
var result = {};
for (var i = 0; i < arr.length; i++) {
result[arr[i].key] = arr[i].value;
}
console.log(result);
Tiny ES6 çözümü şöyle görünebilir:
var arr = [{key:"11", value:"1100"},{key:"22", value:"2200"}];
var object = arr.reduce(
(obj, item) => Object.assign(obj, { [item.key]: item.value }), {});
console.log(object)
Ayrıca, nesne yayma kullanırsanız, şöyle görünebilir:
var object = arr.reduce((obj, item) => ({...obj, [item.key]: item.value}) ,{});
% 99 daha hızlı bir çözüm daha (jsperf üzerinde test edilmiştir):
var object = arr.reduce((obj, item) => (obj[item.key] = item.value, obj) ,{});
Burada virgül operatöründen yararlanırız, virgülden önce tüm ifadeleri değerlendirir ve son bir virgülden sonra (son virgülden sonra) döndürür. Bu yüzden kopyalamıyoruzobj , her seferinde yeni mülk atamak yerine .
var object = arr.reduce((obj, item) => (obj[item.key] = item.value, obj) ,{});
({...obj, ...{[item.key]: item.value}}) ,{});
Bu görevi başarmak için işlevsel yaklaşımı seviyorum:
var arr = [{ key:"11", value:"1100" }, { key:"22", value:"2200" }];
var result = arr.reduce(function(obj,item){
obj[item.key] = item.value;
return obj;
}, {});
Not: Son {}, objazaltma işlevi için başlangıç değeridir, başlangıç değerini sağlamazsanız, ilk arröğe kullanılacaktır (bu muhtemelen istenmeyen bir durumdur).
Bu yanıtı , JavaScript'te Nesneler dizisini tek bir Nesneye nasıl dönüştürebilirim bölümünde düzeltmeye çalışıyorum ? ,
bunu yapmalı:
var array = [
{key:'k1',value:'v1'},
{key:'k2',value:'v2'},
{key:'k3',value:'v3'}
];
var mapped = array .map(item => ({ [item.key]: item.value }) );
var newObj = Object.assign({}, ...mapped );
console.log(newObj );
var newObj = Object.assign({}, ...(array.map(item => ({ [item.key]: item.value }) )));
Object.fromEntries kullanarak :
const array = [
{ key: "key1", value: "value1" },
{ key: "key2", value: "value2" },
];
const obj = Object.fromEntries(array.map(item => [item.key, item.value]));
console.log(obj);
Bunu modern JavaScript kullanarak yapmanın temiz bir yolu aşağıdaki gibidir:
const array = [
{ name: "something", value: "something" },
{ name: "somethingElse", value: "something else" },
];
const newObject = Object.assign({}, ...array.map(item => ({ [item.name]: item.value })));
// >> { something: "something", somethingElse: "something else" }
Lodash kullan !
const obj = _.keyBy(arrayOfObjects, 'keyName')
Birçok yazarın önerdiği cevaplara dayanarak bir JsPref test senaryosu oluşturdum. https://jsperf.com/array2object82364
Aşağıda performansın ekran görüntüleri verilmiştir. Birkaç kez çalıştırdıktan sonra bile, krom sonucunun firefox ve edge ile zıt olduğunu görmek benim için biraz şok edici.
Underscore.js kullanarak :
var myArray = [
Object { key="11", value="1100", $$hashKey="00X"},
Object { key="22", value="2200", $$hashKey="018"}
];
var myObj = _.object(_.pluck(myArray, 'key'), _.pluck(myArray, 'value'));
Güncelleme: Dünya dönmeye devam etti. Bunun yerine işlevsel bir yaklaşım kullanın.
Hadi bakalım:
var arr = [{ key: "11", value: "1100" }, { key: "22", value: "2200" }];
var result = {};
for (var i=0, len=arr.length; i < len; i++) {
result[arr[i].key] = arr[i].value;
}
console.log(result); // {11: "1000", 22: "2200"}
arrayayrılmış bir anahtar kelimedir, bu nedenle insanlar arrbunun yerine kullanır. vb
Yukarıdakileri bir dize olarak dinamik olarak nasıl kabul edeceğiniz ve onu bir nesneye nasıl enterpole edeceğiniz aşağıda açıklanmıştır:
var stringObject = '[Object { key="11", value="1100", $$hashKey="00X"}, Object { key="22", value="2200", $$hashKey="018"}]';
function interpolateStringObject(stringObject) {
var jsObj = {};
var processedObj = stringObject.split("[Object { ");
processedObj = processedObj[1].split("},");
$.each(processedObj, function (i, v) {
jsObj[v.split("key=")[1].split(",")[0]] = v.split("value=")[1].split(",")[0].replace(/\"/g,'');
});
return jsObj
}
var t = interpolateStringObject(stringObject); //t is the object you want
// original
var arr = [{
key: '11',
value: '1100',
$$hashKey: '00X'
},
{
key: '22',
value: '2200',
$$hashKey: '018'
}
];
// My solution
var obj = {};
for (let i = 0; i < arr.length; i++) {
obj[arr[i].key] = arr[i].value;
}
console.log(obj)
Bunun için mapKeys lodash işlevini kullanabilirsiniz. Sadece bir satır kod!
Lütfen bu eksiksiz kod örneğine bakın (kopyalayıp repl.it veya benzerine yapıştırın):
import _ from 'lodash';
// or commonjs:
// const _ = require('lodash');
let a = [{ id: 23, title: 'meat' }, { id: 45, title: 'fish' }, { id: 71, title: 'fruit' }]
let b = _.mapKeys(a, 'id');
console.log(b);
// b:
// { '23': { id: 23, title: 'meat' },
// '45': { id: 45, title: 'fish' },
// '71': { id: 71, title: 'fruit' } }
var obj = [
{id: 1 , name : 'gaju' , class : 'kv'},
{id: 2 , name : 'tushar' , class : 'Super'}
];
function conv(obj,arg){
var temp= {};
var output= {}
for(key in obj){
temp[key] = obj[key];
};
var i=0;
for(key in temp){
var aa = {};
var value = temp[key][arg];
aa[value] = temp[i];
//console.log(aa[value][arg] );
output[aa[value][arg]]= aa[value];
i++;
}
console.log(output);
}
calling function
conv(obj,'class');
[{key:"11", value:"1100"}, {key:"22", value:"2200"}].reduce(function(m,v){m[v.key] = v.value; return m;}, {})