数组中的map方法

JavaScript中的map()方法详解

map()方法经常拿来遍历数组,但是不改变原数组,但是会返回一个新的数组,并且这个新的数组不会改变原数组的长度
注意:有时候会出现这种现象,出现几个undefined

 const array = [1,  4,9, 16]
 console.log("原数组array为",array)
 const map = array.map(x => {
            if (x > 5) {
                return x 
            }
  })
  //返回[undefined,undefined,9,16]

其实,map()方法是对每一项数组进行遍历,遍历一次,返回一个值,给新数组加上一个元素,这是就是满足x=4的元素,只有两个,所以其他项就返回了undefined。

map方法的实现
 Array.prototype.fakeMap = function(fn,context) {
 	let arr = this;
 	let temp = [];
 	for(let i=0;i<arr.length;i++){
 		let result = fn.call(context,arr[i],i,arr);
 		temp.push(result);
 	}
 	return temp;
 }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值