JavaScript中数组的常用方法

1. forEach()

遍历数组
没有返回值
语法：
数组名.forEach( function ( item , index , arr ) { })
item,index,arr这几个参数也可以写成其他可以自定义，这样写只是更语义化
第一个参数表示数组里的每一个元素
第二个参数表示数组元素的下标
第三个参数表示数组本身
大括号里写代码
会循环遍历数组，类似于for循环遍历数组

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.forEach(function(item,index,arr){
     console.log(item)
  })
</script>

控制台输出

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.forEach(function(item,index,arr){
     console.log(index)
  })
</script>

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.forEach(function(item,index,arr){
     console.log(arr)
  })
</script>

2.filter()

根据判断条件返回满足条件的新数组
语法：
数组名.filter( function ( item , index , arr ) { })
item,index,arr这几个参数也可以写成其他可以自定义，这样写只是更语义化
第一个参数表示数组里的每一个元素
第二个参数表示数组元素的下标
第三个参数表示数组本身
大括号里写代码

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.filter(function(item,index,arr){
     return item>6
  })
  console.log(res)
</script>

3.map()

可对数组进行批量操作，返回新数组
语法：
数组名.map( function ( item , index , arr ) { })
item,index,arr这几个参数也可以写成其他可以自定义，这样写只是更语义化
第一个参数表示数组里的每一个元素
第二个参数表示数组元素的下标
第三个参数表示数组本身
大括号里写代码

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.map(function(item,index,arr){
     return item*6
  })
  console.log(res)
</script>

4.some()

返回值为布尔值
只要有一个元素满足条件，就返回true,否则返回false
语法：
数组名.some( function ( item , index , arr ) { })
item,index,arr这几个参数也可以写成其他可以自定义，这样写只是更语义化
第一个参数表示数组里的每一个元素
第二个参数表示数组元素的下标
第三个参数表示数组本身
大括号里写代码

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.some(function(item,index,arr){
     return item>6
  })
  console.log(res)
</script>

可以看一下运行原理

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.some(function(item,index,arr){
     console.log(item)
     return item>6
  })
  console.log(res)
</script>

可以看到只要足以判断出true或false，就不会执行后面的代码了。

5.every()

返回值为布尔值
只有数组中全部元素满足条件才输出true否则输出false
语法：
数组名.every( function ( item , index , arr ) { })
item,index,arr这几个参数也可以写成其他可以自定义，这样写只是更语义化
第一个参数表示数组里的每一个元素
第二个参数表示数组元素的下标
第三个参数表示数组本身
大括号里写代码

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.every(function(item,index,arr){
     console.log(item)
     return item>6
  })
  console.log(res)
</script>

可以看到只要足以判断出true或false，就不会执行后面的代码了。

<script>
  var arr=[2,4,6,3,6,32,7]
  var res=arr.every(function(item,index,arr){
     console.log(item)
     return item>1
  })
  console.log(res)
</script>