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>