web-dev-qa-db-fra.com

Fusionner plusieurs objets à l'intérieur du même tableau en un seul objet

var arrObj = [{a:1, b:2},{c:3, d:4},{e:5, f:6}];

comment puis-je fusionner cela en un seul obj?

//mergedObj = {a:1, b:2, c:3, d:4, e:5, f:6}
javascriptarraysobject
20
error123456789

Si votre environnement prend en charge Object.assign , alors vous pouvez faire la même chose de manière succincte comme ceci

const arrObj = [{a: 1, b: 2}, {c: 3, d: 4}, {e: 5, f: 6}];

console.log(arrObj.reduce(function(result, current) {
  return Object.assign(result, current);
}, {}));

// If you prefer arrow functions, you can make it a one-liner ;-)
console.log(arrObj.reduce(((r, c) => Object.assign(r, c)), {}));

// Thanks Spen from the comments. You can use the spread operator with assign
console.log(Object.assign({}, ...arrObj));

Solution ES5:

Vous pouvez utiliser Array.prototype.reduce comme ceci

var resultObject = arrObj.reduce(function(result, currentObject) {
    for(var key in currentObject) {
        if (currentObject.hasOwnProperty(key)) {
            result[key] = currentObject[key];
        }
    }
    return result;
}, {});

console.log(resultObject);
# { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

Cette solution, rassemble simplement toutes les clés et leurs valeurs dans chaque objet dans le result, qui nous est finalement retourné comme résultat.

Cette vérification

if (currentObject.hasOwnProperty(key)) {

est nécessaire pour s'assurer que nous n'incluons pas toutes les propriétés énumérables héritées dans le résultat.

34
thefourtheye

Vous pouvez utiliser reduce pour une solution élégante:

arrObj.reduce(function(acc, x) {
    for (var key in x) acc[key] = x[key];
    return acc;
}, {});

Voir documentation MDN pour reduce pour plus d'informations .

14
Doorknob