I'm trying to extract some values from an object and put them into an array. So far I have this:
let obj = {
a: 'a',
b: 'b',
c: 'c',
d: 'd',
e: 'e'
};
let arr = [{a, b, c} = obj];
console.log(arr);However, this is returning an array with just one object:
[ { a: 'a', b: 'b', c: 'c', d: 'd', e: 'e' } ]
My desired output would be:
['a', 'b', 'c']
Does anyone know what I'm doing wrong?
You could take the values of a new object with short hand properties.
let obj = { a: 'a', b: 'b', c: 'c', d: 'd', e: 'e' },
{ a, b, c } = obj,
arr = Object.values({ a, b, c });
console.log(arr);Or take the wanted keys for a new array.
let obj = { a: 'a', b: 'b', c: 'c', d: 'd', e: 'e' },
arr = ['a', 'b', 'c'].map(k => obj[k]);
console.log(arr);
arr = [a,b,c]; over arr = Object.values({ a, b, c })To achieve expected use below option
Use () around the assignment statement ,as {} is treated as block but not as object literal during destructuring assignment
let obj = {
a: 'a',
b: 'b',
c: 'c',
d: 'd',
e: 'e'
};
//({a, b, c, ...rest} = obj) // to have access of rest of parameters
({a, b, c} = obj)
let arr = [a,b,c];
console.log(arr);codepen - https://codepen.io/nagasai/pen/EeBBjQ?editors=1011
...rest do you?
You can do this inline by using the comma operator:
let obj = {
a: 'a',
b: 'b',
c: 'c',
d: 'd',
e: 'e'
};
let arr = ({a, b, c} = obj, [a, b, c]);
console.log(arr);
{a, b, c} = objjust takes the first three values of your array and put them into three new variables,a,bandc.['a', 'b', 'c']?