Функция уменьшения внутри возвращает неопределенное (?)

Question

в этом примере с использованием метода Reduce для массива объектов работает нормально, но когда я вставляю все это в функцию, она начинает возвращать undefined ... это, вероятно, связано со мной, не понимая, как работает возврат из функций

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

Если вы добавите оператор return в свою функцию, он также будет работать.

Как показано ниже:

const egArrOfObj = [{
   name:'tomato',        
},
{
   name:'potato',
}];

const namesFunction = (arrOfObj) => {
    return arrOfObj.reduce((acc, curr) => {
       return [...acc, curr.name]
    }, [])
};

console.log(namesFunction(egArrOfObj));

Надеюсь, это поможет!