sở hữu đối tượng Modify trong một mảng của các đối tượng

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/

Có cách nào để sửa đổi thuộc tính đối tượng nhất định (như một trong những tôi lọc ra ở trên) mà không cần tạo mảng và/hoặc các đối tượng mới?

kết quả mong muốn: [{ bar: 1, baz: [11,22,33] }, { bar: 2, baz: [4,5,6] }]

Answer 1

Chắc chắn, chỉ cần thay đổi nó:

Với $.each jQuery:

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

Với forEach ES5 của:

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

... hoặc bạn có other looping options in this other SO answer.

Answer 2

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

}); 

nhưng đối với vòng lặp là nhanh hơn so với $ .each do đó, u có thể cố gắng sử dụng

for(var i=0; i <foo.length; i++) 
{ 

if(foo[i].bar==1) 
{ 
//change the code 
} 
} 

Answer 3

Nếu không có khả năng tương thích jQuery và ngược

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

Answer 4

Chúng tôi cũng có thể đạt được điều này bằng cách sử dụng bản đồ Array Avatar của chức năng:

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