Not getting array from object

Question

I am using map method to convert from an object to an array. What is the issue in the following code?

var data = {
    "productName": "fsdfsdf",
    "productDesc": "",
    "category": null,
    "categoryName": "",
    "style": null,
    "styleName": "",
    "substyle": null,
    "substyleName": "",
    "store": null,
    "storeName": "",
    "stand": null,
    "standName": "",
    "rack": null,
    "rackName": "",
    "roll": null,
    "rollName": "",
    "color": null,
    "width": "",
    "widthunit": "meter",
    "length": 0,
    "lengthunit": "meter",
    "pieces": "",
    "cutofquantity": "",
    "estimatedConsumption": ""
}

var key = $.map(data, function(value, index) {
    return index;
});
var value = $.map(data, function(value, index) {
    return value;
});

console.log(value)

Please refer to this JSFiddle for a live example.

Please check jsfiddle.net/mbbh5xky/4 you can work with $.each and push() — Parth Trivedi
– Parth Trivedi, Commented Jan 8, 2016 at 11:30

Quentin · Accepted Answer · 2016-01-08 11:28:00Z

6

Because you have length: 0 as one of your properties, jQuery thinks that the object is an array instead of an object.

It then loops over the numerical indexes from 0 to 0 (not inclusive) and generates a zero length array.

answered Jan 8, 2016 at 11:28

Quentin

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

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

1 Comment

David Barker Over a year ago

Well spotted... that would probably be why.

Parth Trivedi · Accepted Answer · 2016-01-08 11:47:18Z

Here is the alternate if you want to use with length:0

var data = {
    "productName": "fsdfsdf",
    "productDesc": "",
    "category": null,
    "categoryName": "",
    "style": null,
    "styleName": "",
    "substyle": null,
    "substyleName": "",
    "store": null,
    "storeName": "",
    "stand": null,
    "standName": "",
    "rack": null,
    "rackName": "",
    "roll": null,
    "rollName": "",
    "color": null,
    "width": "",
    "widthunit": "meter",
    "length": 0,
    "lengthunit": "meter",
    "pieces": "",
    "cutofquantity": "",
    "estimatedConsumption": ""
};



for(var key in data) {
    if(data.hasOwnProperty(key)) {
      console.log(key)  ;
      console.log(data[key]);  
    }
}

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

Thalaivar · Accepted Answer · 2016-01-08 11:26:57Z

You could do something like this below:

var data = {
    "productName": "fsdfsdf",
    "productDesc": "",
    "category": null,
    "categoryName": "",
    "style": null,
    "styleName": "",
    "substyle": null,
    "substyleName": "",
    "store": null,
    "storeName": "",
    "stand": null,
    "standName": "",
    "rack": null,
    "rackName": "",
    "roll": null,
    "rollName": "",
    "color": null,
    "width": "",
    "widthunit": "meter",
    "length": 0,
    "lengthunit": "meter",
    "pieces": "",
    "cutofquantity": "",
    "estimatedConsumption": ""
};

var arr = Object.keys(data).map(function(k) { return data[k] });  
console.log(arr)

Fiddle to play around: https://jsfiddle.net/u5t4L55g/

@Deen: can you just post how your array should look... i will form it accordingly

Ibrahim Khan · Accepted Answer · 2016-01-08 11:29:49Z

Loop through each property of the object and push the key and value in array like below. Hope this will help you.

var data = {
  "productName": "fsdfsdf",
  "productDesc": "",
  "category": null,
  "categoryName": "",
  "style": null,
  "styleName": "",
  "substyle": null,
  "substyleName": "",
  "store": null,
  "storeName": "",
  "stand": null,
  "standName": "",
  "rack": null,
  "rackName": "",
  "roll": null,
  "rollName": "",
  "color": null,
  "width": "",
  "widthunit": "meter",
  "length": 0,
  "lengthunit": "meter",
  "pieces": "",
  "cutofquantity": "",
  "estimatedConsumption": ""
}

var value = [];
var key = [];
for (var property in data) {
    key.push(property);
    value.push(data[property]);
}

console.log(value)

Deen · Accepted Answer · 2016-01-08 11:32:20Z

-1

var key = Object.keys(data).map(function(index, value) { return index });
var value = Object.keys(data).map(function(index, value) { return data[index] });

So it is giving key and value pairs

answered Jan 8, 2016 at 11:32

Deen

6212 gold badges16 silver badges30 bronze badges

Collectives™ on Stack Overflow

Not getting array from object

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Related