[SOLVED] [Javascript] How to push/pop values from: var x = [{x: 30, y: 40}]?

Aquarius_Girl · 07-13-2015, 02:59 AM

Written in Javascript:

Code:

var data =  [{value: 30, color: "blue"}  ]

I want to push and remove some values from it.
I tried:

Code:

data.push (10, "red") 
data.push (111, "green") 
data.push (1112, "blue")  
console.log (data) console.log (data[0].value) 
console.log (data[1].value)

which resulted in:

Code:

qml: [[object Object],10,red,111,green,1112,blue]
qml: 30
qml: undefined

1. The first value present by default in the structure is not shown in console with first print.

2. I am not able to see the value of the first pushed item with third print.

Where am I going wrong?

Aquarius_Girl · 07-13-2015, 03:14 AM

Correct method of pushing is this:

Code:

data.push (
            {
              value: 20,
              color: "red"
             }
           )

mina86 · 07-13-2015, 08:24 AM

You've gotten the correct answer already, but just to clear some confusion you might have, push accepts variable number of arguments and each is appended to the array. In other words, the following two snippets do the same thing:

Code:

var arr = [];
arr.push('foo', 'bar');

Code:

var arr = [];
arr.push('foo');
arr.push('bar');

AnanthaP · 07-14-2015, 12:17 AM

In javascript:

Is there any special meaning for words value: and color: ?
Does a : impart special meaning?

mina86 · 07-14-2015, 07:12 AM

No, value and color are normal identifiers. (So is colour in case you were wondering).

{foo: bar, } is an object literal it creates an object with property foo equal to value of bar. var x = {value: 20, color: "red"} is equivalent to:

Code:

var x = {};  // empty Object with no own properties
x.value = 20;
x.color = "red";