为什么我的 map 函数返回一个数组而不是数组字符串？

Question

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];   const convertToBaby = animals.map((element)=>{      let newArr = [];       return newArr.push('baby '+element);       }     );  console.log(convertToBaby);  Output: [ 1, 1, 1, 1, 1, 1 ]预期的以下输出：['baby panda'，'baby turtule'，等等...]

Answer 1

该.push()方法返回添加新元素后的数组长度。它不返回新修改的数组。由于每次执行回调时都会创建一个新数组，因此推送到它后的新长度将始终为1. 相反，要正确映射您的动物，您可以返回您希望将当前元素映射到您正在迭代的新元素：

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];

const convertToBaby = animals.map((element) => {

  return 'baby ' + element;

});

console.log(convertToBaby);

由于您只在箭头函数主体内返回，您还可以通过删除主体并隐式返回新映射的值来简化它：

const convertToBaby = animals.map(element => 'baby ' + element);

Answer 2

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];

const convertToBaby = animals.map((element)=>{

   return 'baby '+element;

   }

 );

console.log(convertToBaby);

这应该有效。