Adding an object into an array

Question

I have the following object:

{
  "EekvB3cnwEzE":{
     "name":"hi",
  },
  "Brv1R4C6bZnD":{
     "name":"yup",
  },
  "kRwRXju6ALJZ":{
     "name":"okay",
  }
}

I am trying to add each of these items into an array. I do the following code but for some reason, I get back [] in my console.log

Could anyone help me figure out what's wrong?

$scope.items = [];

$http.get("/url").success(function(data) {
    $.each(data, function(key, value) { $scope.items[key] = value; });
    console.log($scope.items);
});

Quentin · Accepted Answer · 2015-04-24 16:16:59Z

4

Named keys will be ignored when you log an array.

If you want them to show up there, you'll need to replace key (in this bit of code $scope.items[key]) with a number or use a .push(value) instead of an assignment.

edited Apr 24, 2015 at 16:16

answered Apr 24, 2015 at 16:12

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

4 Comments

bryan Over a year ago

I'd like to have my array index still be the "key" because I want to be able to search for them by key. is there no way to do this in javascript?

JJJ Over a year ago

@bryan An "array" with named indexes is an object, which you already have in the first place.

Quentin Over a year ago

@bryan — The point of an array is to have an ordered list of things. That order is described by the property names, which are numbers. If you want named keys, use a plain object (like the thing you appear to be copying the values from) instead of an array.

bryan Over a year ago

Ah okay, that makes sense. Thank you both for clarifying.

Niels · Accepted Answer · 2015-04-24 16:13:17Z

0

There must be something wrong with your ajax call. Because the following works:

var x = [];
$.each({
  "EekvB3cnwEzE":{
     "name":"hi",
  },
  "Brv1R4C6bZnD":{
     "name":"yup",
  },
  "kRwRXju6ALJZ":{
     "name":"okay",
  }
}, function(key, value){
    x[key] = value;
});
console.log(x);

It will log:

[EekvB3cnwEzE: Object, Brv1R4C6bZnD: Object, kRwRXju6ALJZ: Object]

answered Apr 24, 2015 at 16:13

Niels

50.1k4 gold badges68 silver badges86 bronze badges

1 Comment

bryan Over a year ago

When I do console.log(key, value); I get back each item in the JSON. So I don't think there is anything wrong with my ajax call.

Collectives™ on Stack Overflow

Adding an object into an array

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related