js之Array.prototypmap的undefined陷阱

问题场景:

const arr = ['临','时','抱','佛','脚'];
const newArr = arr.map((t, i) => {
  if (i) return;
    return {
       text:t,
        index:i
    }
})
console.log(newArr)

 是不是觉得会输出?

[{text: '时', index: 1}

{text: '抱', index: 2}

{text: '佛', index: 3}

{text: '脚', index: 4}]

 但是事实上是:

[undefined,

{text: '时', index: 1}

{text: '抱', index: 2}

{text: '佛', index: 3}

{text: '脚', index: 4}]

原因:

map方法总需要有返回值 ,当返回 undefined 或没有返回任何内容时,返回值将是undefined

因此我们不能用map生成一个与其长度不等的数组

猜你喜欢

转载自blog.csdn.net/weixin_42274805/article/details/130860979