数组中的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. 数组map方法

    2024-06-11 22:58:04       9 阅读
  2. 深入理解Spark编程map方法

    2024-06-11 22:58:04       38 阅读
  3. 二进制数据传输校验方法

    2024-06-11 22:58:04       32 阅读
  4. pythonmap函数

    2024-06-11 22:58:04       43 阅读
  5. Go 语言 Map

    2024-06-11 22:58:04       10 阅读
  6. js数组对象去重方法

    2024-06-11 22:58:04       39 阅读

最近更新

  1. Android 12系统源码_设备设置(一)Settings介绍

    2024-06-11 22:58:04       0 阅读
  2. 昇思25天学习打卡营第14天|静态图加速

    2024-06-11 22:58:04       0 阅读
  3. Qt项目:基于Qt实现的网络聊天室---Http服务器

    2024-06-11 22:58:04       0 阅读
  4. 自动化升级:Conda包依赖的智能更新策略

    2024-06-11 22:58:04       0 阅读
  5. 金南瓜科技SECS/GEM:引领智能制造新潮流

    2024-06-11 22:58:04       1 阅读
  6. Spring Boot+Vue项目从零入手

    2024-06-11 22:58:04       1 阅读
  7. stm32使用双通道ADC读取

    2024-06-11 22:58:04       1 阅读

热门阅读

  1. RV32I指令集

    2024-06-11 22:58:04       10 阅读
  2. Redis的过期策略以及内存淘汰机制

    2024-06-11 22:58:04       9 阅读
  3. 关于Spring Cacheable注解的讨论

    2024-06-11 22:58:04       10 阅读
  4. Rust reqwest 简明教程

    2024-06-11 22:58:04       10 阅读
  5. 【Qt 实现 QCryptographicHash 加密数据的步骤】

    2024-06-11 22:58:04       9 阅读