欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js-关于数组forEach方法的个人理解

程序员文章站 2022-04-10 15:38:59
...

JavaScript Array forEach() 方法

https://www.runoob.com/jsref/jsref-foreach.html

这是挂载在数组上的原型方法,用于遍历数组。

基础用法:

var numbers = [4, 9, 16, 25];
numbers.forEach(function(currentValue){
    console.log(currentValue) // 4, 9, 16, 25
    if(currentValue == 9) {
		currentValue = 10
	}
})
console.log(numbers) //[4, 10, 16, 25]

一个中规中矩的遍历数组方法。完整的api如下:

var numbers = [4, 9, 16, 25];
let thisValue = 1
 
numbers.forEach(function(currentValue, index, arr){
    console.log(currentValue,index,arr)
    console.log(thisValue)
    console.log(this)
}, thisValue)
// 4 0 [ 4, 9, 16, 25 ]
// 1
// [Number: 1]
// 9 1 [ 4, 9, 16, 25 ]
// 1
// [Number: 1]
// 16 2 [ 4, 9, 16, 25 ]
// 1
// [Number: 1]
// 25 3 [ 4, 9, 16, 25 ]
// 1
// [Number: 1]

遍历数组时可同时获得以下参数:

遍历项 currentValue
遍历索引 index
数组本身 arr
this指向 thisValue/this

本人能力有限,只能给大家先探路探到这里了。

如果有更漂亮的写法欢迎来讨论,让我们一起有条不紊的持续进步。
喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。