Convert an array of objects to array of the objects' values

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

I am trying to convert this array

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

to something like this

orders = [
 ['100', 'admin', 'March 6, 2019'],
 ['120', 'admin', 'March 6, 2019'],
 ['80', 'admin', 'March 7, 2019'],
 ['200', 'admin', 'March 7, 2019'],
];

and I have read that Objects.values() returns the values in an array, so I tried to iterate through the order array by using forEach() and using the Object.values on each item in the array.

let newOrders = orders.forEach(order => 
 return Object.values(order);
);

I don't know if what I am doing is right and I am new to Javascript. Please help me.

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

asked Mar 7 at 10:44

sunny_adriann

17817

2

Avoid forEach!

– Bergi
Mar 7 at 14:21

5

@Bergi why avoid forEach?

– reggaeguitar
Mar 7 at 17:13

3

@reggaeguitar It has too many limitations that you can trip you (like has happened here), I like for …of much better and recommend it universally for beginners

– Bergi
Mar 7 at 18:54

add a comment |

I am trying to convert this array

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

to something like this

orders = [
 ['100', 'admin', 'March 6, 2019'],
 ['120', 'admin', 'March 6, 2019'],
 ['80', 'admin', 'March 7, 2019'],
 ['200', 'admin', 'March 7, 2019'],
];

and I have read that Objects.values() returns the values in an array, so I tried to iterate through the order array by using forEach() and using the Object.values on each item in the array.

let newOrders = orders.forEach(order => 
 return Object.values(order);
);

I don't know if what I am doing is right and I am new to Javascript. Please help me.

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

asked Mar 7 at 10:44

sunny_adriann

17817

2

Avoid forEach!

– Bergi
Mar 7 at 14:21

5

@Bergi why avoid forEach?

– reggaeguitar
Mar 7 at 17:13

3

@reggaeguitar It has too many limitations that you can trip you (like has happened here), I like for …of much better and recommend it universally for beginners

– Bergi
Mar 7 at 18:54

add a comment |

I am trying to convert this array

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

to something like this

orders = [
 ['100', 'admin', 'March 6, 2019'],
 ['120', 'admin', 'March 6, 2019'],
 ['80', 'admin', 'March 7, 2019'],
 ['200', 'admin', 'March 7, 2019'],
];

and I have read that Objects.values() returns the values in an array, so I tried to iterate through the order array by using forEach() and using the Object.values on each item in the array.

let newOrders = orders.forEach(order => 
 return Object.values(order);
);

I don't know if what I am doing is right and I am new to Javascript. Please help me.

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

asked Mar 7 at 10:44

sunny_adriann

17817

I am trying to convert this array

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

to something like this

orders = [
 ['100', 'admin', 'March 6, 2019'],
 ['120', 'admin', 'March 6, 2019'],
 ['80', 'admin', 'March 7, 2019'],
 ['200', 'admin', 'March 7, 2019'],
];

and I have read that Objects.values() returns the values in an array, so I tried to iterate through the order array by using forEach() and using the Object.values on each item in the array.

let newOrders = orders.forEach(order => 
 return Object.values(order);
);

I don't know if what I am doing is right and I am new to Javascript. Please help me.

javascript arrays object javascript-objects

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

asked Mar 7 at 10:44

sunny_adriann

17817

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

asked Mar 7 at 10:44

sunny_adriann

17817

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

edited Mar 7 at 12:50

Mohammad Usman

21.5k134859

asked Mar 7 at 10:44

sunny_adriann

17817

asked Mar 7 at 10:44

sunny_adriann

17817

asked Mar 7 at 10:44

sunny_adriann

17817

2

Avoid forEach!

– Bergi
Mar 7 at 14:21

5

@Bergi why avoid forEach?

– reggaeguitar
Mar 7 at 17:13

3

@reggaeguitar It has too many limitations that you can trip you (like has happened here), I like for …of much better and recommend it universally for beginners

– Bergi
Mar 7 at 18:54

add a comment |

2

Avoid forEach!

– Bergi
Mar 7 at 14:21

5

@Bergi why avoid forEach?

– reggaeguitar
Mar 7 at 17:13

3

@reggaeguitar It has too many limitations that you can trip you (like has happened here), I like for …of much better and recommend it universally for beginners

– Bergi
Mar 7 at 18:54

Avoid forEach!

– Bergi
Mar 7 at 14:21

@Bergi why avoid forEach?

– reggaeguitar
Mar 7 at 17:13

@reggaeguitar It has too many limitations that you can trip you (like has happened here), I like for …of much better and recommend it universally for beginners

– Bergi
Mar 7 at 18:54

add a comment |

8 Answers
8

active

oldest

votes

As order of values in array returned by Object.values() isn't guaranteed, you should consider use of .map() with some Object Destructuring. You can then extract object properties in separate variables and return them in desired order explicitly.

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

edited Mar 8 at 5:55

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

It doesn't seem to be mentioned in your Object destructuring link, but the order is preserved because variable names are relevant and should match the property names. const result = data.map(( date, amount, user ) => [amount, user, date]); works just as well even though the variable definitions has been modified. This link helped me understand.

– Eric Duminil
Mar 7 at 21:38

add a comment |

The order in which the object's properties are enumerated is not guaranteed (ref). The simplest solution is to explicitly specify the keys in the desired order:

let result = orders.map(order => [order.amount, order.user, order.date]);

edited Mar 7 at 13:16

answered Mar 7 at 12:36

Salman A

185k67346441

add a comment |

Using destructuring. Use this if property ordering (of the object) is required in the output

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

Use map and Object.values to get the values from the objects. This does not assure the order in the output will be the same as in the object Refer this

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

edited Mar 8 at 9:54

answered Mar 7 at 10:45

ellipsis

8,3082929

10

Even simpler orders.map(Object.values)

– kemicofa
Mar 7 at 10:47

13

JS objects don't guarantee order

– gronostaj
Mar 7 at 12:13

15

It's relevant because it means your code could return ['100', 'admin', 'March 6, 2019'] for an order and ['admin', 80', 'March 7, 2019'] for another.

– Eric Duminil
Mar 7 at 14:09

The spec does not require the order, but apparently all major browsers follow the order anyway.

– JollyJoker
Mar 8 at 8:01

@JollyJoker False. I seem to remember that chrome has certain problems, especially when it comes to objects the have numerical keys. It orders it as 1, 111, 1245, 13 instead of 1, 13, 111, 1245.

– I.Am.A.Guy
Mar 8 at 8:23

|
show 2 more comments

Simply use orders.map(Object.values)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 7 at 11:11

Khyati Sharma

837

add a comment |

you can try this:

orders.map((order) => Object.values(order));

map will return you a new array, while forEach just do callback on each element of array

edited Mar 8 at 10:11

answered Mar 7 at 10:52

Mateusz Jabłoński

212

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 13 at 11:58

Vipul

111

add a comment |

A more robust solution, useful if you have many instances where you have these struct-like objects with different orders/keys. A functional approach, propsToArray takes a series of keys as individual parameters and returns a function which performs the desired transformation on the objects.

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

answered Mar 7 at 18:47

Conor O'Brien

51811329

add a comment |

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

edited Mar 22 at 15:57

demo

2,41444084

answered Mar 13 at 12:06

Vipul

111

add a comment |

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);

);

draft saved

draft discarded

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55041867%2fconvert-an-array-of-objects-to-array-of-the-objects-values%23new-answer', 'question_page');

);

Post as a guest

Name

Required, but never shown

8 Answers
8

active

oldest

votes

8 Answers
8

active

oldest

votes

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

edited Mar 8 at 5:55

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

It doesn't seem to be mentioned in your Object destructuring link, but the order is preserved because variable names are relevant and should match the property names. const result = data.map(( date, amount, user ) => [amount, user, date]); works just as well even though the variable definitions has been modified. This link helped me understand.

– Eric Duminil
Mar 7 at 21:38

add a comment |

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

edited Mar 8 at 5:55

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

It doesn't seem to be mentioned in your Object destructuring link, but the order is preserved because variable names are relevant and should match the property names. const result = data.map(( date, amount, user ) => [amount, user, date]); works just as well even though the variable definitions has been modified. This link helped me understand.

– Eric Duminil
Mar 7 at 21:38

add a comment |

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

edited Mar 8 at 5:55

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

const data = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' 
];

const result = data.map(( amount, user, date ) => [amount, user, date]);

console.log(result);

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

edited Mar 8 at 5:55

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

edited Mar 8 at 5:55

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

answered Mar 7 at 10:47

Mohammad Usman

21.5k134859

It doesn't seem to be mentioned in your Object destructuring link, but the order is preserved because variable names are relevant and should match the property names. const result = data.map(( date, amount, user ) => [amount, user, date]); works just as well even though the variable definitions has been modified. This link helped me understand.

– Eric Duminil
Mar 7 at 21:38

add a comment |

It doesn't seem to be mentioned in your Object destructuring link, but the order is preserved because variable names are relevant and should match the property names. const result = data.map(( date, amount, user ) => [amount, user, date]); works just as well even though the variable definitions has been modified. This link helped me understand.

– Eric Duminil
Mar 7 at 21:38

It doesn't seem to be mentioned in your Object destructuring link, but the order is preserved because variable names are relevant and should match the property names. const result = data.map(( date, amount, user ) => [amount, user, date]); works just as well even though the variable definitions has been modified. This link helped me understand.

– Eric Duminil
Mar 7 at 21:38

add a comment |

The order in which the object's properties are enumerated is not guaranteed (ref). The simplest solution is to explicitly specify the keys in the desired order:

let result = orders.map(order => [order.amount, order.user, order.date]);

edited Mar 7 at 13:16

answered Mar 7 at 12:36

Salman A

185k67346441

add a comment |

The order in which the object's properties are enumerated is not guaranteed (ref). The simplest solution is to explicitly specify the keys in the desired order:

let result = orders.map(order => [order.amount, order.user, order.date]);

edited Mar 7 at 13:16

answered Mar 7 at 12:36

Salman A

185k67346441

add a comment |

The order in which the object's properties are enumerated is not guaranteed (ref). The simplest solution is to explicitly specify the keys in the desired order:

let result = orders.map(order => [order.amount, order.user, order.date]);

edited Mar 7 at 13:16

answered Mar 7 at 12:36

Salman A

185k67346441

The order in which the object's properties are enumerated is not guaranteed (ref). The simplest solution is to explicitly specify the keys in the desired order:

let result = orders.map(order => [order.amount, order.user, order.date]);

edited Mar 7 at 13:16

answered Mar 7 at 12:36

Salman A

185k67346441

edited Mar 7 at 13:16

answered Mar 7 at 12:36

Salman A

185k67346441

answered Mar 7 at 12:36

Salman A

185k67346441

answered Mar 7 at 12:36

Salman A

185k67346441

add a comment |

Using destructuring. Use this if property ordering (of the object) is required in the output

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

Use map and Object.values to get the values from the objects. This does not assure the order in the output will be the same as in the object Refer this

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

edited Mar 8 at 9:54

answered Mar 7 at 10:45

ellipsis

8,3082929

10

Even simpler orders.map(Object.values)

– kemicofa
Mar 7 at 10:47

13

JS objects don't guarantee order

– gronostaj
Mar 7 at 12:13

15

It's relevant because it means your code could return ['100', 'admin', 'March 6, 2019'] for an order and ['admin', 80', 'March 7, 2019'] for another.

– Eric Duminil
Mar 7 at 14:09

The spec does not require the order, but apparently all major browsers follow the order anyway.

– JollyJoker
Mar 8 at 8:01

@JollyJoker False. I seem to remember that chrome has certain problems, especially when it comes to objects the have numerical keys. It orders it as 1, 111, 1245, 13 instead of 1, 13, 111, 1245.

– I.Am.A.Guy
Mar 8 at 8:23

|
show 2 more comments

Using destructuring. Use this if property ordering (of the object) is required in the output

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

Use map and Object.values to get the values from the objects. This does not assure the order in the output will be the same as in the object Refer this

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

edited Mar 8 at 9:54

answered Mar 7 at 10:45

ellipsis

8,3082929

10

Even simpler orders.map(Object.values)

– kemicofa
Mar 7 at 10:47

13

JS objects don't guarantee order

– gronostaj
Mar 7 at 12:13

15

It's relevant because it means your code could return ['100', 'admin', 'March 6, 2019'] for an order and ['admin', 80', 'March 7, 2019'] for another.

– Eric Duminil
Mar 7 at 14:09

The spec does not require the order, but apparently all major browsers follow the order anyway.

– JollyJoker
Mar 8 at 8:01

@JollyJoker False. I seem to remember that chrome has certain problems, especially when it comes to objects the have numerical keys. It orders it as 1, 111, 1245, 13 instead of 1, 13, 111, 1245.

– I.Am.A.Guy
Mar 8 at 8:23

|
show 2 more comments

Using destructuring. Use this if property ordering (of the object) is required in the output

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

Use map and Object.values to get the values from the objects. This does not assure the order in the output will be the same as in the object Refer this

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

edited Mar 8 at 9:54

answered Mar 7 at 10:45

ellipsis

8,3082929

Using destructuring. Use this if property ordering (of the object) is required in the output

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

Use map and Object.values to get the values from the objects. This does not assure the order in the output will be the same as in the object Refer this

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

console.log(orders.map((amount,user,date)=>[amount,user,date]))

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];
console.log(orders.map(e=>Object.values(e)))

edited Mar 8 at 9:54

answered Mar 7 at 10:45

ellipsis

8,3082929

edited Mar 8 at 9:54

answered Mar 7 at 10:45

ellipsis

8,3082929

answered Mar 7 at 10:45

ellipsis

8,3082929

answered Mar 7 at 10:45

ellipsis

8,3082929

10

Even simpler orders.map(Object.values)

– kemicofa
Mar 7 at 10:47

13

JS objects don't guarantee order

– gronostaj
Mar 7 at 12:13

15

It's relevant because it means your code could return ['100', 'admin', 'March 6, 2019'] for an order and ['admin', 80', 'March 7, 2019'] for another.

– Eric Duminil
Mar 7 at 14:09

The spec does not require the order, but apparently all major browsers follow the order anyway.

– JollyJoker
Mar 8 at 8:01

@JollyJoker False. I seem to remember that chrome has certain problems, especially when it comes to objects the have numerical keys. It orders it as 1, 111, 1245, 13 instead of 1, 13, 111, 1245.

– I.Am.A.Guy
Mar 8 at 8:23

|
show 2 more comments

10

Even simpler orders.map(Object.values)

– kemicofa
Mar 7 at 10:47

13

JS objects don't guarantee order

– gronostaj
Mar 7 at 12:13

15

It's relevant because it means your code could return ['100', 'admin', 'March 6, 2019'] for an order and ['admin', 80', 'March 7, 2019'] for another.

– Eric Duminil
Mar 7 at 14:09

The spec does not require the order, but apparently all major browsers follow the order anyway.

– JollyJoker
Mar 8 at 8:01

@JollyJoker False. I seem to remember that chrome has certain problems, especially when it comes to objects the have numerical keys. It orders it as 1, 111, 1245, 13 instead of 1, 13, 111, 1245.

– I.Am.A.Guy
Mar 8 at 8:23

Even simpler orders.map(Object.values)

– kemicofa
Mar 7 at 10:47

JS objects don't guarantee order

– gronostaj
Mar 7 at 12:13

It's relevant because it means your code could return ['100', 'admin', 'March 6, 2019'] for an order and ['admin', 80', 'March 7, 2019'] for another.

– Eric Duminil
Mar 7 at 14:09

The spec does not require the order, but apparently all major browsers follow the order anyway.

– JollyJoker
Mar 8 at 8:01

@JollyJoker False. I seem to remember that chrome has certain problems, especially when it comes to objects the have numerical keys. It orders it as 1, 111, 1245, 13 instead of 1, 13, 111, 1245.

– I.Am.A.Guy
Mar 8 at 8:23

|
show 2 more comments

Simply use orders.map(Object.values)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 7 at 11:11

Khyati Sharma

837

add a comment |

Simply use orders.map(Object.values)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 7 at 11:11

Khyati Sharma

837

add a comment |

Simply use orders.map(Object.values)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 7 at 11:11

Khyati Sharma

837

Simply use orders.map(Object.values)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 7 at 11:11

Khyati Sharma

837

answered Mar 7 at 11:11

Khyati Sharma

837

answered Mar 7 at 11:11

Khyati Sharma

837

answered Mar 7 at 11:11

Khyati Sharma

837

add a comment |

you can try this:

orders.map((order) => Object.values(order));

map will return you a new array, while forEach just do callback on each element of array

edited Mar 8 at 10:11

answered Mar 7 at 10:52

Mateusz Jabłoński

212

add a comment |

you can try this:

orders.map((order) => Object.values(order));

map will return you a new array, while forEach just do callback on each element of array

edited Mar 8 at 10:11

answered Mar 7 at 10:52

Mateusz Jabłoński

212

add a comment |

you can try this:

orders.map((order) => Object.values(order));

map will return you a new array, while forEach just do callback on each element of array

edited Mar 8 at 10:11

answered Mar 7 at 10:52

Mateusz Jabłoński

212

you can try this:

orders.map((order) => Object.values(order));

map will return you a new array, while forEach just do callback on each element of array

edited Mar 8 at 10:11

answered Mar 7 at 10:52

Mateusz Jabłoński

212

edited Mar 8 at 10:11

answered Mar 7 at 10:52

Mateusz Jabłoński

212

answered Mar 7 at 10:52

Mateusz Jabłoński

212

answered Mar 7 at 10:52

Mateusz Jabłoński

212

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 13 at 11:58

Vipul

111

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 13 at 11:58

Vipul

111

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 13 at 11:58

Vipul

111

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

const result = orders.map(Object.values);

console.log(result)

answered Mar 13 at 11:58

Vipul

111

answered Mar 13 at 11:58

Vipul

111

answered Mar 13 at 11:58

Vipul

111

answered Mar 13 at 11:58

Vipul

111

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

answered Mar 7 at 18:47

Conor O'Brien

51811329

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

answered Mar 7 at 18:47

Conor O'Brien

51811329

add a comment |

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

answered Mar 7 at 18:47

Conor O'Brien

51811329

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

let orders = [
 amount: '100', user: 'admin', date: 'March 6, 2019' ,
 amount: '120', user: 'admin', date: 'March 6, 2019' ,
 amount: '80', user: 'admin', date: 'March 7, 2019' ,
 amount: '200', user: 'admin', date: 'March 7, 2019' ,
];

// option 1
let propsToArray = function(...keys) 
 return function(obj) 
 return keys.map(key => obj[key]);
 
;
// option 2
// propsToArray = (...keys) => (obj) => keys.map(key => obj[key]);

// resulting function
let orderToArray = propsToArray("amount", "user", "date");

console.log(orders.map(orderToArray));

answered Mar 7 at 18:47

Conor O'Brien

51811329

answered Mar 7 at 18:47

Conor O'Brien

51811329

answered Mar 7 at 18:47

Conor O'Brien

51811329

answered Mar 7 at 18:47

Conor O'Brien

51811329

add a comment |

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

edited Mar 22 at 15:57

demo

2,41444084

answered Mar 13 at 12:06

Vipul

111

add a comment |

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

edited Mar 22 at 15:57

demo

2,41444084

answered Mar 13 at 12:06

Vipul

111

add a comment |

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

edited Mar 22 at 15:57

demo

2,41444084

answered Mar 13 at 12:06

Vipul

111

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

let orders = [
 amount: '100',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '120',
 user: 'admin',
 date: 'March 6, 2019'
 ,
 
 amount: '80',
 user: 'admin',
 date: 'March 7, 2019'
 ,
 
 amount: '200',
 user: 'admin',
 date: 'March 7, 2019'
 ,
];

let array = ; //initializing array
orders.forEach((element) => //using array function for call back
 for (var j in element) //looping through each element of array
 array.push(element[j]); //pushing each value of object present inside the orders
 
);
console.log(array); //array is ready

edited Mar 22 at 15:57

demo

2,41444084

answered Mar 13 at 12:06

Vipul

111

edited Mar 22 at 15:57

demo

2,41444084

edited Mar 22 at 15:57

demo

2,41444084

edited Mar 22 at 15:57

demo

2,41444084

answered Mar 13 at 12:06

Vipul

111

answered Mar 13 at 12:06

Vipul

111

answered Mar 13 at 12:06

Vipul

111

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

搜尋此網誌

mjhjmtu