Putting value into array object using $.each

Question

I want to produce something like this

album = {[
 name:'',
image:'',
tracks:[]
],[
 name:'',
image:'',
tracks:[]
]}

But now I'm stuck at appending the value into the right json object.

var albums = {};

$.get("https://api.spotify.com/v1/artists/1rQX6kg84TqcwGtZHYIdn4/albums", function(data, status) {
  tempArr = [];
  $.each(data.items, function(i, obj) {

    tempArr.push(obj.images[0].url);
    albums['image'] = tempArr;
  });

  console.log(albums)

});

You can see the albumn data here http://jsfiddle.net/u5me8csx/1 Any help?

You need an array of object's isn't it... then your structure above is wrong — Arun P Johny
– Arun P Johny, Commented Mar 15, 2016 at 4:06

Arun P Johny · Accepted Answer · 2016-03-15 04:19:08Z

1

The syntax in the question for the albums object is wrong, you have swapped the brackets used for object and array notations.

You can use Array.map() to iterate over the items and create the desired format like

$.get("https://api.spotify.com/v1/artists/1rQX6kg84TqcwGtZHYIdn4/albums", function(data, status) {
  var albums = data.items.map(function(item) {
    return {
      name: item.name,
      image: item.images[0],
      tracks: []
    }
  });
  console.log(albums);
  $('#result').text(JSON.stringify(albums, null, 2))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="result"></pre>

answered Mar 15, 2016 at 4:19

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

6 Comments

Jennifer Over a year ago

wow I didn't know can use map. You can use map whenever you want? I think it very depends on how the response structure look like right? Can you do a version of non-map? I want to learn how to put arrays to an object in this case. Thanks.

Arun P Johny Over a year ago

@Jennifer you are putting objects to an array... items is an array of object, we are using the Array.map() function to convert each item in the map to a different format and return a new array of those objects

Jennifer Over a year ago

array of objects mean? and is there anything called object array? I'm confused. Like {name:['abc','def']} is object of array or array of object?

Arun P Johny Over a year ago

{} is used for object notation and [] is for array... so the above one is an object which as a property called name whose value is an array. An array of objects will be [{name: 'x'}, {name: 'y'}, {name: 'z'}]

Arun P Johny Over a year ago

@Jennifer there is nothing calling object of arrays... object is singular... an object can have arrays as its property value

|

Collectives™ on Stack Overflow

Putting value into array object using $.each

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related