Destructure object into an array

Question

I have this object

const foo = {
    a: 'kitten',
    b: 'puppy',
    c: 'lion'
};

Destructuring it into variables goes like this

const { a, b, c } = foo;

Is there a one-liner how to desctructre this into an array, so that the result ist

const array = [a, b, c];

Are the keys always guaranteed to be ascending in lexical order? — byxor, Oct 22 '19 at 16:16
What about `const array = Object.values(foo)` or `const array = ["a", "b", "c"].map((key) => foo[key])`? I’m not aware of a one-liner using destructuring. — Sebastian Simon, Oct 22 '19 at 16:16
@SebastianSimon I was not aware of the `Object.values()` function. Thats just as good! — four-eyes, Oct 22 '19 at 16:24

score 13 · Accepted Answer · answered Oct 22 '19 at 16:27

13

There's no "one-liner" I know of that uses destructuring.

You can use one of these instead (which don't use destructuring):

(1)

const array = [foo.a, foo.b, foo.c]

(2, as pointed out by @Sebastian Simon)

const array = Object.values(foo);

(3, as pointed out by @Sebastian Simon)

const array = ['a', 'b', 'c'].map(k => foo[k]);

answered Oct 22 '19 at 16:27

David

3,552
1
13
24

2

Option 1 and 3 guarantee the provided order. – Sebastian Simon Oct 22 '19 at 16:28
Correct. The only downside is: You need to know the keys in advance. – David Oct 22 '19 at 16:29

Nina Scholz · Answer 2 · 2019-10-22T18:36:43.633

2

You could take a function, destructure the wanted properties and return an array with the wanted order.

const
    getABC = ({ a, b, c }) => [a, b, c],
    foo = { a: 'kitten', b: 'puppy', c: 'lion' };

console.log(getABC(foo));

edited Oct 22 '19 at 18:36

answered Oct 22 '19 at 16:33

Nina Scholz

376,160
25
347
392

score 1 · Answer 3 · answered Oct 22 '19 at 17:09

1

   Object.entries(obj).forEach( ([key, value]) => { 
   console.log(`${key}: ${value}`)

Here, Object.entries () give array of key: value pair. You can use results as per your requirement.

answered Oct 22 '19 at 17:09

Developer

3,309
2
19
23

score 0 · Answer 4 · answered Oct 22 '19 at 16:42

There isnt a de-structure into array from an object.

But if you want all the keys / values of the object in an array format, you can use these:

let obj = {
    a: 'kitten',
    b: 'puppy',
    c: 'lion'
};

let keyArray = Object.keys(obj); 
// keyArray = ['a','b','c']
let valuesArray = Object.values(obj);
// valuesArray = ['kitten', 'puppy', 'lion'];

Do note that the order of the array is not guaranteed to follow the order of the object.

Destructure object into an array

4 Answers4

Linked