面试常问:数组遍历forEach和map的区别

简介: 一.forEach的用法:二.map的用法:

一.forEach的用法:

let arr = ["a", "b", "c", "1", "2", 3];
    var a = arr.forEach(function (value, index, arr) {
        //console.log(arr[index]); // 打印结果为 "a", "b", "c", "1", "2", 3
        return value + value;
    })
console.log("forEach返回值:", a); // undefined


二.map的用法:

let arr = ["a", "b", "c", "1", "2", 3];
var b = arr.map(function (value, index, arr) {
        //console.log(arr[index]); // 打印结果为 "a", "b", "c", "1", "2", 3
        return value + value;
    })
 console.log("map返回值:", b); // ['aa', 'bb', 'cc', '11', '22', 6]


fb25ff02e4af4f35a9e67cdc0cc1cb7a.png


三.总结:

数组常用遍历方法:
            1. forEach(function(value, index, arr){}); // for循环的加强版
            value: 数组中的每一个元素
            index: 下标/索引
            arr: 数组本身
            会改变原数组 没有返回值
            直接引入当前遍历数组的内存地址 类似于浅拷贝的套路
            2.map(function(value, index, arr){}); // for循环的加强版
            value: 数组中的每一个元素
            index: 下标/索引
            arr: 数组本身
            有返回值 不改变原数组(形成了新的数组)
            形成了新的数组, 地址和值都改变 类似于深拷贝
            forEach() <===> for(let i = 0; i < arr.length; i++){}<==>map()

相同点:都能遍历数组

不同点:map:有返回值 不改变原数组 形成了新的数组, 地址和值都改变 类似于深拷贝

             forEach:会改变原数组 没有返回值,相当于forEach遍历是直接引入当前遍历数组的内存地址

类似于浅拷贝

下期了解一下堆和栈的概念以及深拷贝浅拷贝

相关文章
|
17天前
|
Go
go语言中遍历映射(map)
go语言中遍历映射(map)
37 8
|
9天前
|
Go
go语言for遍历映射(map)
go语言for遍历映射(map)
23 12
|
13天前
|
存储 Go
go语言 遍历映射(map)
go语言 遍历映射(map)
26 2
|
2月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
22 1
|
2月前
|
存储 JavaScript 前端开发
Set、Map、WeakSet 和 WeakMap 的区别
在 JavaScript 中,Set 和 Map 用于存储唯一值和键值对,支持多种操作方法,如添加、删除和检查元素。WeakSet 和 WeakMap 则存储弱引用的对象,有助于防止内存泄漏,适合特定场景使用。
|
6月前
|
Dart
Dart之集合详解(List、Set、Map)
Dart之集合详解(List、Set、Map)
|
3月前
|
Go 定位技术 索引
Go 语言Map(集合) | 19
Go 语言Map(集合) | 19
|
3月前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
4月前
|
存储 安全 Java
java集合框架复习----(4)Map、List、set
这篇文章是Java集合框架的复习总结,重点介绍了Map集合的特点和HashMap的使用,以及Collections工具类的使用示例,同时回顾了List、Set和Map集合的概念和特点,以及Collection工具类的作用。
java集合框架复习----(4)Map、List、set
|
4月前
|
Java
【Java集合类面试二十二】、Map和Set有什么区别?
该CSDN博客文章讨论了Map和Set的区别,但提供的内容摘要并未直接解释这两种集合类型的差异。通常,Map是一种键值对集合,提供通过键快速检索值的能力,而Set是一个不允许重复元素的集合。