Modifiez la propriété de l'objet dans un tableau d'objets

Question

var foo = [{ bar: 1, baz: [1,2,3] }, { bar: 2, baz: [4,5,6] }];

var filtered = $.grep(foo, function(v){
    return v.bar === 1;
});

console.log(filtered);

http://jsfiddle.net/98EsQ/

Existe-t-il un moyen de modifier la propriété d'un certain objet (comme celui que je filtre ci-dessus) sans créer de nouveaux tableaux et/ou objets ?

Résultat souhaité: [{ bar: 1, baz: [11,22,33] }, { bar: 2, baz: [4,5,6] }]

Answer 1

.map avec l'opérateur spread (...)

var result = foo.map(el => el.bar == 1 ? {...el, baz: [11,22,33]} : el);

Answer 2

Bien sûr, il suffit de le changer :

Avec $.each de jQuery :

$.each(foo, function() {
    if (this.bar === 1) {
        this.baz[0] = 11;
        this.baz[1] = 22;
        this.baz[2] = 33;
        // Ou : `this.baz = [11, 22, 33];`
    }
});

Avec forEach de ES5 :

foo.forEach(function(obj) {
    if (obj.bar === 1) {
        obj.baz[0] = 11;
        obj.baz[1] = 22;
        obj.baz[2] = 33;
        // Ou : `obj.baz = [11, 22, 33];`
    }
});

...ou vous avez d'autres options de boucle dans cette autre réponse SO.

Answer 3

Vous pouvez utiliser find et changer sa propriété.

let foo = [{ bar: 1, baz: [1,2,3] }, { bar: 2, baz: [4,5,6] }];

let obj = foo.find(f=>f.bar==1);
if(obj)
  obj.baz=[2,3,4];
console.log(foo);

Answer 4

Nous pouvons également réaliser ceci en utilisant la fonction map de Array :

 foo.map((obj) => {
   if(obj.bar == 1){
     obj.baz[0] = 11;
     obj.baz[1] = 22;
     obj.baz[2] = 33;
   }
 })

Answer 5

Sans jQuery et compatibilité ascendante

for (var i = 0; i < foo.length; i++) {
    if (foo[i].bar === 1) {
        foo[i].baz = [11,12,13];
    }
}