javascript-questions#98 & error answer

[xgqfrms]

javascript-questions#98 & error answer

https://github.com/lydiahallie/javascript-questions#98-whats-the-output

[oshliaer]

Yep!

The correct code is:

const getList = ([x, ...y]) => [x, y]
const getUser = user => {{ name: user.name, age: user.age }}

const list = [1, 2, 3, 4]
const user = { name: "Lydia", age: 21 }

console.log(getList(list))
console.log(getUser(user))

[Pupix]

@oshliaer

[xgqfrms]

the right ways

1. normal return object

const getList = ([x, ...y]) => [x, y];
const getUser = user => {return { name: user.name, age: user.age };};

const list = [1, 2, 3, 4];
const user = { name: "Lydia", age: 21 };

console.log(getList(list));
console.log(getUser(user));
//  [1, Array(3)]
//  {name: "Lydia", age: 21}

2. (js expressions)

const getList = ([x, ...y]) => [x, y];
const getUser = user => ({ name: user.name, age: user.age });

const list = [1, 2, 3, 4];
const user = { name: "Lydia", age: 21 };

console.log(getList(list));
console.log(getUser(user));
//  [1, Array(3)]
//  {name: "Lydia", age: 21}

refs

https://mariusschulz.com/articles/returning-object-literals-from-arrow-functions-in-javascript

[oshliaer]

It seems it's not valid at all

=> { name: user.name, age: user.age }

But this is fine

=> { name: user.name }

[xgqfrms]

final right question solution

const getList = ([x, ...y]) => [x, y];
const getUser = user => { name: user.name; age: user.age; }

const list = [1, 2, 3, 4];
const user = { name: "Lydia", age: 21 };

console.log(getList(list));
console.log(getUser(user));
//  [1, Array(3)]
// undefined

[xgqfrms]

ref

https://mariusschulz.com/blog/returning-object-literals-from-arrow-functions-in-javascript

[lydiahallie]

Thank you! Could you please open a PR with the change, I can merge it asap.

[A1rPun]

Just to be clear, this is the right solution (which is present in the provided answer):

const getUser = user => ({ name: user.name, age: user.age });

But this is not the solution to fix this answer! It clearly teaches us to use () when we want to return an object on a single line. The code in the question should be reconsidered because it now resolves in a SyntaxError: unexpected token: ':'.

@oshliaer This is not fine

=> { name: user.name }

It isn't the result you are looking for, you are defining name as a label and user.name is just a statement.