Programmatically create the following variable in javascript?

Question

I need to restructure my data so that it fits in with another piece of code. I need to convert my data (which is a name,value pair) into the following structure so that that it is processed correctly. Using JQuery how would I do so?

{items: [
{value: "21", name: "Mick Jagger"},
{value: "43", name: "Johnny Storm"},
{value: "46", name: "Richard Hatch"},
{value: "54", name: "Kelly Slater"},
{value: "55", name: "Rudy Hamilton"},
{value: "79", name: "Michael Jordan"}
]};

Right now I've got a $.each loop which is feeding each name,value pair in but I don't know how I'd get that exact structure.

What exactly is your original structure?

pimvdb
– pimvdb

2011-11-07 15:38:27 +00:00
Commented Nov 7, 2011 at 15:38 — pimvdb
– pimvdb, Commented Nov 7, 2011 at 15:38

user229044 · Accepted Answer · 2011-11-07 15:45:29Z

7

Why use jQuery? Do it with javascript.

The following assumes your source is an object named values with properties, as opposed to an array with numeric indices:

var output = { items: [] };

for (key in values) {
  if (values.hasOwnProperty(key)) {
    output.items.push({ value : values[key], name: key });
  }
}

edited Nov 7, 2011 at 15:45

answered Nov 7, 2011 at 15:39

user229044♦

241k41 gold badges347 silver badges350 bronze badges

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

13 Comments

fresskoma Over a year ago

Note that you shouldn't ever use for( in ) to iterate over arrays, as it will include all properties of the array object! Use a normal for-loop instead.

jbabey Over a year ago

@x3ro From the answer - "The following assumes your source is an object"

Raynos Over a year ago

Please use Object.keys instead of for ... in && hasOwnProperty

fresskoma Over a year ago

@jbabey: Yeah, it is just worth mentioning that, because it is not that obvious and I often see people doing it.

user229044 Over a year ago

@Raynos If you intend to support most browsers, don't use Object.keys.

|

Collectives™ on Stack Overflow

Programmatically create the following variable in javascript?

1 Answer 1

13 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Related