2025年数组方法map（数组方法map和foreach）

科技前沿 • 2025-04-20 13:53 • 阅读 46

大家好，我是讯享网，很高兴认识大家。

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg>

讯享网

forEach 用于调用数组的每个元素
map 返回一个与原数组长度相等的新数组

参数：function(item, index, arr)
item 必需。当前元素。
index 可选。当前元素的索引值。
arr 可选。当前元素所属的数组对象。

1）使用forEach遍历数组

讯享网

打印结果：如下
在这里插入图片描述
讯享网

2）使用forEach可以跳过空元素

在这里插入图片描述
3）使用forEach复制数组的方法 (全部复制，不跳过空元素，)

讯享网

在这里插入图片描述

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意： map() 不会对空数组进行检测。
注意： map() 不会改变原始数组。

参数：function(item, index, arr)
item 必需。当前元素。
index 可选。当前元素的索引值。
arr 可选。当前元素所属的数组对象。

1）遍历数组 ----- map会返回一个与原数组长度相等的新数组

打印结果：如下
在这里插入图片描述
2）在map中使用return 就是在对应的下标中添加对应的数据
例1：

讯享网

打印结果：如下：
在这里插入图片描述
例2：

打印结果：如下
在这里插入图片描述

forEach()返回值是undefined，不可以链式调用

讯享网

打印结果：如下
在这里插入图片描述

map()返回一个新数组，原数组不会改变。

在这里插入图片描述

2025年数组方法map（数组方法map和foreach）

相关推荐