减少内部函数返回未定义（？）

Question

in this sample using reduce on array of objects works fine but when i insert it all into a function it starts to return undefined... it probably has to do with me not understanding how returning stuff from functions works

 const egArrOfObj = [ { name:'tomato', }, { name:'potato', }, ]; console.log( egArrOfObj .reduce((acc, curr) => { return [...acc, curr.name] } ,[] ) ); const namesFunction = (arrOfObj) => { arrOfObj .reduce((acc, curr) => { return [...acc, curr.name] } ,[] ) }; const names = namesFunction(egArrOfObj); console.log(names)

Answer 1

If you add the return statement into your function then it will work as well.

Like the following:

 const egArrOfObj = [{ name:'tomato', }, { name:'potato', }]; const namesFunction = (arrOfObj) => { return arrOfObj.reduce((acc, curr) => { return [...acc, curr.name] }, []) }; console.log(namesFunction(egArrOfObj));

I hope that helps!