agregar algo a la parte superior de un objeto JSON

Question

Tengo un objeto JSON que se inicia cuando se carga la página, así:

data[foo] = bar; 
data[foo2] = bar2; 
data[foo3] = bar3; 

¿Hay una manera de inyectar un elemento antes de la primera foo elemento, de modo que al hacer un for var i in data, el elemento nuevo se bucle antes de los elementos que se agregaron cuando se inició el objeto?

La razón es que estoy mostrando algunos elementos para el usuario. Cuando el usuario añade un nuevo elemento a través de JavaScript, quiero que este nuevo elemento que se muestra por encima de todos los elementos existentes, sin embargo cuando agrego el nuevo elemento, es decir

data[newItem] = newItem; 

Entonces el objeto JSON se ve así:

data[foo] = bar; 
data[foo2] = bar2; 
data[foo3] = bar3; 
data[newItem] = newItem; 

En lugar de la forma en que quiero, que es:

data[newItem] = newItem; 
data[foo] = bar; 
data[foo2] = bar2; 
data[foo3] = bar3; 

¿Alguna idea?

Answer 1

En JS, no se garantiza el orden de las propiedades del objeto. Por lo tanto, incluso si se ordenan en la cadena JSON, cuando se analizan como un objeto JS, nunca se podrá predecir en qué orden aparecerán.

Mejor utilizar matrices en su lugar. Puede usar el método unshift() para colocar el artículo en el primer índice.

var data = [bar,bar2,bar3]; 

data.unshift(newItem); 

//data = [newItem,bar,bar2,bar3]; 

Answer 2

Creo que se puede convertirlo a cadena, anexar los datos en el principio de la cadena a continuación, volver a convertir la cadena JSON allí utilizando "eval"

Answer 3

es una manera de inyectar una elemento antes del primer elemento foo?

¿Qué es lo primero en la matriz:

window.object o window.alert?

Tampoco los objetos tienen un pedido. Si quieres una matriz usa una matriz. Los objetos no son matrices.

Si desea

var ThingsInOrder = [ 
    FirstThing, 
    SecondThing, 
    ThirdThing 
]; 
ThingsInOrder.push(ForthThing); 

utilizar una matriz.

Si quieren:

var ThingsNeverInOrder = { 
    Window, 
    Alert, 
    Derp, 
    Herp 
}; 

ThingsNeverInOrder.foo = bar; 

utilizar un objeto.

Answer 4

Como un complemento a Joseph the Dreameranswer, he ejecutado algunos controles rápidos en firefox & cromo.

Firefox:

var obj = {}; 

obj.a = 'a'; 
obj.c = 'c'; 
obj.b = 'b'; 
obj['0'] = '0'; 

for(var i in obj){ 
    console.log(i); 
} 

//prints: 
a 
c 
b 
0 

Chrome:

var obj = {}; 

obj.a = 'a'; 
obj.c = 'c'; 
obj.b = 'b'; 
obj['0'] = '0'; 

for(var i in obj){ 
    console.log(i); 
} 

//prints: 
0 
a 
c 
b 

Answer 5

me ha tropezado con esto y lo logró usando:

const newObject = Object.assign({first: value}, oldObject)

Como se mencionó, el orden no está garantizado, pero para mí esto es suficiente. :)

Answer 6

En lugar de agregar un nuevo valor en el mismo objeto, puede crear un nuevo objeto y ordenar las propiedades como desee. ejemplo:

var objj1 = {name:'viru',lastname:'nehra'}; 

Por lo tanto crear un nuevo objeto con la nueva propiedad que desea en la parte superior:

var obj2 = {age: 21} 

y la corrida:

for(var key in objj1){ 
    obj2[key] = objj1[key] 
} 

obj2 = {age: 21, name: "viru", lastname: "nehra"}