js数组遍历方法总结

1 for循环

代码如下

<script>
      let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
      for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
      }
    </script>

2.foreach循环

没有返回值，原数组修改情况有以下两种
1.原数组没有改变
代码如下

 let arr = [1,2,3,4,5,6,7,8,9];
 // 形参说明
 // item 当前项，当前项索引的下标，array原数组
 arr.forEach((item,index,array)=>{
 	if(index===2){
 		item=10
 	}
 })
 console.log(arr) //[1,2,3,4,5,6,7,8,9];

1.原数组改变
代码如下

 let arr = [{ name: "wangsan" }, { name: "lisi" }];
 arr.forEach((item,index,array)=>{
 	if(item==="wangsan"){
 		item="修改了name"
 	}
 })
 console.log(arr) // [{ name: "修改了name" }, { name: "lisi" }];

3. map

返回原来的数组，并且支持return返回值，返回的是啥每一项就是啥
代码如下

let arr=[1,2,3,4,5]
let mapArr=arr.map((item,index,array)=>{
	return item*3
})
console.log(arr) //[1,2,3,4,5]
console.log(mapArr) //[3,6,9,12,15]

四. filter遍历

返回新数组，对原数组没影响

let arr=[1,2,3,4,5]
let filterArr1=arr.filter((item)=>{
	return item>3	//[4,5]
})
let filterArr2 = arr.filter(
        item => item > 3 //[4,5]
      );