Extract Variable from jQuery object [duplicate]

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
– Niet the Dark Absol

2013-04-25 14:41:54 +00:00
Commented Apr 25, 2013 at 14:41 — Niet the Dark Absol
– Niet the Dark Absol, Commented Apr 25, 2013 at 14:41
How are you using the variables later?

Ja͢ck
– Ja͢ck

2013-04-25 14:43:45 +00:00
Commented Apr 25, 2013 at 14:43 — Ja͢ck
– Ja͢ck, Commented Apr 25, 2013 at 14:43

Ian · Accepted Answer · 2013-04-25 14:41:11Z

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, 2013 at 14:41

Ian

51k13 gold badges104 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Henrik Andersson Over a year ago

+1 as readability and maintenance counts!

Pointy · Accepted Answer · 2013-04-25 14:41:11Z

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, 2013 at 14:41

Pointy

415k62 gold badges600 silver badges631 bronze badges

1 Comment

user1726343 Over a year ago

This is probably the best approach, but it's better (from a readability perspective) if you use multiple lines.

Ja͢ck · Accepted Answer · 2013-04-25 14:42:07Z

3

No shortcuts here:

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

answered Apr 25, 2013 at 14:42

Ja͢ck

174k39 gold badges269 silver badges317 bronze badges

Comments

Samuel Caillerie · Accepted Answer · 2013-04-25 14:41:38Z

2

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

var left = myObject.left;

answered Apr 25, 2013 at 14:41

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

Comments

Travis J · Accepted Answer · 2013-04-25 14:42:46Z

0

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

answered Apr 25, 2013 at 14:42

Travis J

82.6k43 gold badges213 silver badges280 bronze badges

Comments

user1726343 · Accepted Answer · 2013-04-25 14:46:15Z

0

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.

answered Apr 25, 2013 at 14:46

user1726343

Collectives™ on Stack Overflow

Extract Variable from jQuery object [duplicate]

6 Answers 6

1 Comment

1 Comment

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

1 Comment

Comments

Comments

Comments

Comments

Linked

Related