如何在Javascript中将对象转换为数组

Question

I need to convert the object to an array, this is my object, I need to convert an array

{value1: prop1, value2: prop2, value3: prop3};

expected output

["value1": prop1, "value2": prop2, "value3":prop3]

I have tried my code below

var obj = {value1: prop1, value2: prop2, value3: prop3};
var arr = [];
for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
             arr.push(key + ':' + obj[key]);
    }
};

getting wrong ouput please see below

["value1:prop1", "value2:prop2", "value3:prop3"]

expected out like below

["value1": prop1, "value2": prop2, "value3":prop3]

Answer 1

Your approach is good, this .push and object definition is just not working in Javascript as you would expect:

 var obj = {value1: 'aa', value2: 'bb', value3: 'cc'}; var arr = []; for (var key in obj) { if (obj.hasOwnProperty(key)) { const newObj = {}; newObj[key] = obj[key]; arr.push(newObj); } }; console.log(arr); 

Answer 2

Your expected output is not a valid javascript syntax. There are a couple of ways to go about this, you could convert your object to a 2d array where the inline array holds the key and value of each field in the object.

var obj = {value1: prop1, value2: prop2, value3: prop3};
var arr = [];
for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
         arr.push([key, obj[key]]);
    }
};

Output

[['value1', prop], ['value2', prop2], ['value3', prop3]]

If you're using javascript es2017, you can achieve the above result using Object.entries(obj)

Answer 3

This method should not be possible as arrays do not have keys like in php, the keys in JS arrays are always numbers.

Arrays should look like this:

let array = ["value1", "value2", "value3"]

And contained values are called with indexes:

// Just the value
array[0]

// Logging the value
console.log(array[0])

Answer 4

Assuming you want to get an array of objects with single properties, you could take the entries and map new objects with a computed property name .

 var object = { value1: 'prop1', value2: 'prop2', value3: 'prop3' }, array = Object .entries(object) .map(([key, value]) => ({ key, value })); console.log(array); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }