JS中数组对象的遍历方法 forEach() map() 区别及使用

Dear 丶 2022-11-27 12:12 180阅读 0赞

### 文章目录 ###

*   *  方法声明
     *  demo
     *  官网链接

## 方法声明 ##

map() 方法会**创建一个新数组**，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。  
`var new_array = arr.map(callback[, thisArg])`  
其中的callback：

function callback(currentValue[, index[, array]]) { 
     // Return element for new_array 
    }

forEach() 方法对数组的每个元素执行一次给定的函数。  
`arr.forEach(callback(currentValue [, index [, array]])[, thisArg])`

## demo ##

var arr = [1, 2, 3, 4, 5]
    
    // arr.map(...)会有一个新的数组返回
    arr.map(function(element, index, array) { 
      return element * 2;
    })
    // (5) [2, 4, 6, 8, 10]
    
    // arr.forEach() 只是对遍历的每个元素做一些操作(如输出)
    arr.forEach(function(element, index, array) { 
      console.log(element * 2)
    })
    // 2
    // 4
    // 6
    // 8
    // 10

## 官网链接 ##

*  [MDN Array.prototype.map()][MDN Array.prototype.map]
 *  [MDN Array.prototype.forEach()][MDN Array.prototype.forEach]

[MDN Array.prototype.map]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map
[MDN Array.prototype.forEach]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 数组&对象遍历

遍历对象 1. for…in循环 var site = { name: 'baidu', url: 'https://...

太过爱你忘了你带给我的痛/ 2024年04月18日 23:12/ 0 赞/ 5 阅读

相关 js遍历对象数组map方法

![20210115155315751.png][] 所以直接这样写就得到了一个数组。没有必要在里面还写个push： > this.bfintIds = so

青旅半醒/ 2023年01月07日 04:52/ 0 赞/ 248 阅读

相关 JS数组中 forEach() 和 map() 的区别

![format_png][] 英文 | https://codingnconcepts.com/ 今天我们来看一下 Array中 Array.forEach()和 Arr

一时失言乱红尘/ 2023年01月01日 07:50/ 0 赞/ 186 阅读

相关 JS中数组对象的遍历方法 forEach() map() 区别及使用

文章目录方法声明 demo 官网链接方法声明 map() 方法会创建一个新数组，其结果是该数组中的每个元素是调用一次提

Dear 丶/ 2022年11月27日 12:12/ 0 赞/ 181 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 246 阅读

相关原生JS forEach()和map()遍历的区别以及兼容写法，jQuery $.each()和$.map()遍历

一、原生JS forEach()和map()遍历共同点： 1.都是循环遍历数组中的每一项。 2.forEach() 和 map() 里面每一

清疚/ 2022年06月08日 02:08/ 0 赞/ 159 阅读

相关 js中map方法和forEach方法的区别

红宝书中的定义： map():对数组的每一项运行给定函数，返回每次函数调用的结果组成的数组。 forEach():对数组的每一项运行给定函数，无返回值。 forEach(

电玩女神/ 2022年04月16日 06:06/ 0 赞/ 214 阅读

相关数组 map() 和 forEach() 方法的区别？

其中两个方法都是遍历数组。 map()方法通过调回回调函数映射每一个元素到新元素上，并且返回的是一个新的数组。 forEach()方法为每个元素回调函数，不会返回新的数

你的名字/ 2022年03月01日 12:10/ 0 赞/ 242 阅读

相关对象遍历（对象forEach遍历）

对象遍历（对象forEach遍历）对象遍历对象fon in 遍历对象keys 遍历对象

àì夳堔傛蜴生んèń/ 2021年10月06日 18:48/ 0 赞/ 492 阅读

相关 js数组、对象遍历的方法

![a1a6bd51d37a3020fef16fc75110cee9.png][] `for` 语句代码: var arr = [1,2,4,6]

男娘i/ 2021年09月18日 09:46/ 0 赞/ 556 阅读