Extract Variable from jQuery object

Question

I have a single object that returns the following:
{left: "642px", top: "305px", opacity: "1"}

I am trying to break these out into three separate variables: var left, var top, and var opacity

What is the simplest way to go about this?

How is this a "jQuery object"? – Niet the Dark Absol Apr 25 '13 at 14:41 — Niet the Dark Absol, Apr 25 '13 at 14:41
How are you using the variables later? – Ja͢ck Apr 25 '13 at 14:43 — Ja͢ck, Apr 25 '13 at 14:43

score 6 · Accepted Answer · answered Apr 25 '13 at 14:41

6

Use:

var data = {left: "642px", top: "305px", opacity: "1"};
var left = data.left,
    top = data.top,
    opacity = data.opacity;

DEMO: http://jsfiddle.net/dXxUc/1/

answered Apr 25 '13 at 14:41

Ian

50,146
13
101
111

+1 as readability and maintenance counts! – Henrik Andersson Apr 25 '13 at 14:42

score 3 · Answer 2 · answered Apr 25 '13 at 14:41

3

var left = object.left, top = object.top, opacity = object.opacity;

JavaScript doesn't have (currently) any fancy decomposing assignments like some other languages do.

answered Apr 25 '13 at 14:41

Pointy

405,095
59
585
614

This is probably the best approach, but it's better (from a readability perspective) if you use multiple lines. – Asad Saeeduddin Apr 25 '13 at 14:43

score 3 · Answer 3 · answered Apr 25 '13 at 14:42

3

No shortcuts here:

var left = obj.left,
top = obj.top,
opacity = obj.opacity;

answered Apr 25 '13 at 14:42

Ja͢ck

170,779
38
263
309

score 2 · Answer 4 · answered Apr 25 '13 at 14:41

2

If this object is named myObject, you can retrieve the vars with :

var left = myObject.left;

answered Apr 25 '13 at 14:41

Samuel Caillerie

8,259
1
27
33

score 0 · Answer 5 · answered Apr 25 '13 at 14:42

It depends on how you intend to use them. If you are just going to save them into those variables once and there is one object then

var left = data.left;//or data["left"]
var top = data.top;//or data["top"]
var opacity = data.opacity;//or data["opacity"]

score 0 · Answer 6 · answered Apr 25 '13 at 14:46

If you are in the global scope, there is a shortcut to doing this:

for (p in o){
    if(o.hasOwnProperty(p)){
        window[p] = o[p];
    }
}

Note that this doesn't use var, but adds the properties to the window object. Properties of the window object are globally accessible directly in JS.

Extract Variable from jQuery object

6 Answers6