Dołączanie do obiektu

Question

Mam obiekt, który posiada alarmy i informacje o nich:

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

Poza tym, mam zmienną, która mówi ile alarmy istnieją alertNo. Moje pytanie brzmi: kiedy dodam nowy alert, czy istnieje sposób dołączenia alertu do obiektu alerts?

Answer 1

Co z przechowywaniem alertów jako rekordów w tablicy zamiast właściwości pojedynczego obiektu?

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

A następnie dodać jedną, wystarczy użyć push:

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

Answer 2

Czy masz możliwość zmiany najbardziej zewnętrznej struktury do tablicy? Tak to będzie wyglądać ten

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

więc kiedy trzeba było dodać jeden, można po prostu wcisnąć go na tablicy

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

Wtedy masz wbudowany indeksu od zera do jak błędy są wymienione.

Answer 3

Należy naprawdę iść z tablicy wpisów sugestie, ale poza tym dodanie do obiektu, o którym mowa będzie wyglądać następująco:

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

Ale ponieważ nie należy używać jako nazwy numerów dosłowne cytowanie wszystko i iść z

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

lub możesz zrobić z niego tablicę obiektów.

Dostęp wygląda

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

Answer 4

Spróbuj tego:

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

działa całkiem dobrze, to dodamy go do początku tablicy.

Answer 5

jQuery $.extend(obj1, obj2) połączy 2 obiekty dla ciebie, ale powinieneś naprawdę używać tablicy.

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

Podobnie jak inne odpowiedzi wskazał, może się okazać, że łatwiej pracować z szerokim wachlarzem.

Jeśli nie:

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"} 
}  

spróbować:

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