JSES6语法之:map()⽅法
MDN web docs上⾯说:
map() ⽅法创建⼀个新数组,其结果是该数组中的每个元素都调⽤⼀个提供的函数后返回的结果。
并举了个例⼦:
var array1 = [1,4,9,16];
const map1 = array1.map(x => x *2);
console.log(map1);
打印结果为:
> Array [2,8,18,32]
⽽我这样写时:
var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => {
if (x == 4) {
return x * 2;
}
});
console.log(map1);
打印结果为:
> Array [undefined, 8, undefined, undefined]
为什么会出现三个undefined呢?⽽不是我预期的[1,8,9,16]。
这样写只是增加了⼀个条件,即x的值为4时才乘以2,之所以会出现undefined,是因为map()⽅法创建了⼀个新数组,但新数组并不是在遍历完array1后才被赋值的,⽽是每遍历⼀次就得到⼀个值。所以,下⾯这样修改后就正确了:
var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => {
if (x == 4) {
return x * 2;
}
return x;
});
这⾥注意箭头函数有两种格式:
1.只包含⼀个表达式,这时花括号和return都省略了。
2.包含多条语句,这时花括号和return都不能省略。
⼤家可以参考:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论