Phụ thêm đến một đối tượng

Question

Tôi có một đối tượng chứa các cảnh báo và một số thông tin về họ:

var alerts = { 
    1: {app:'helloworld','message'}, 
    2: {app:'helloagain',message:'another message'} 
} 

Thêm vào đó, tôi có một biến mà nói có bao nhiêu cảnh báo có, alertNo. Câu hỏi của tôi là, khi tôi đi thêm cảnh báo mới, có cách nào để thêm cảnh báo vào đối tượng alerts không?

Answer 1

Làm cách nào để lưu trữ cảnh báo dưới dạng bản ghi trong mảng thay vì thuộc tính của một đối tượng?

var alerts = [ 
    {num : 1, app:'helloworld',message:'message'}, 
    {num : 2, app:'helloagain',message:'another message'} 
] 

Và sau đó để thêm một, chỉ cần sử dụng push:

alerts.push({num : 3, app:'helloagain_again',message:'yet another message'}); 

Answer 2

Bạn có đủ khả năng để thay đổi bên ngoài, hầu hết các cấu trúc cho một mảng? Vì vậy, nó sẽ trông như thế này

var alerts = [{"app":"helloworld","message":null},{"app":"helloagain","message":"another message"}]; 

Vì vậy, khi bạn cần phải thêm một, bạn chỉ có thể đẩy nó vào mảng

alerts.push({"app":"goodbyeworld","message":"cya"}); 

Sau đó, bạn có một built-in chỉ số zero-based cho như thế nào lỗi được liệt kê.

Answer 3

Bạn thực sự nên đi với mảng cảnh báo đề nghị, nhưng nếu không thêm vào đối tượng mà bạn đề cập sẽ trông như thế này:

alerts[3]={"app":"goodbyeworld","message":"cya"}; 

Nhưng kể từ khi bạn không nên sử dụng số đen như tên trích dẫn tất cả mọi thứ và đi với

alerts['3']={"app":"goodbyeworld","message":"cya"}; 

hoặc bạn có thể biến nó thành một mảng đối tượng.

Tiếp cận nó trông giống như

alerts['1'].app 
=> "helloworld" 

Answer 4

Hãy thử điều này:

alerts.splice(0,0,{"app":"goodbyeworld","message":"cya"}); 

trình khá tốt, nó sẽ thêm nó vào đầu của mảng.

Answer 5

jQuery $.extend(obj1, obj2) sẽ hợp nhất 2 đối tượng cho bạn, nhưng bạn thực sự nên sử dụng một mảng.

var alertsObj = { 
    1: {app:'helloworld','message'}, 
    2: {app:'helloagain',message:'another message'} 
}; 

var alertArr = [ 
    {app:'helloworld','message'}, 
    {app:'helloagain',message:'another message'} 
]; 

var newAlert = {app:'new',message:'message'}; 

$.extend(alertsObj, newAlert); 
alertArr.push(newAlert); 

Answer 6

alerts.unshift({"app":"goodbyeworld","message":"cya"}); 

Answer 7

Giống như câu trả lời khác chỉ ra, bạn có thể tìm thấy nó dễ dàng hơn để làm việc với một mảng.

Nếu không:

var alerts = { 
    1: {app:'helloworld',message:'message'}, 
    2: {app:'helloagain',message:'another message'} 
} 

// Get the current size of the object 
size = Object.keys(alerts).length 

//add a new alert 
alerts[size + 1] = {app:'Your new app', message:'your new message'} 

//Result: 
console.log(alerts) 
{ 
    1: {app:'helloworld',message:'message'}, 
    2: {app:'helloagain',message:'another message'} 
    3: {app: "Another hello",message: "Another message"} 
}  

thử nó:

https://jsbin.com/yogimo/edit?js,console