map():有返回值,可以return出来
forEach():没有返回值
filter():返回一个符合func条件的元素数组(并没有改变原数组)
some():返回一个boolean,判断是否有元素是否符合func条件(有一个就行)(并没有改变原数组)
every():返回一个boolean,判断每个元素是否符合func条件(所有都判断)(并没有改变原数组)
map() 有返回值,可以return出来,返回一个新的Array
基本类型案例:
<script>
let arr1=[1,2,3]
let arr2=arr1.map(ele=>{
return ele*2
})
</script>
引用类型案例:
react中的案例:
getHtmlTodoItem(){
return (
this.state.list.map((item,index)=>{
return (<TodoItem key={index} contents={item} index={index} delete={this.handleDel.bind(this,index)}></TodoItem>)
})
)
}
forEach():没有返回值
!!!注:实际项目中forEach 中不要写return,下面写法只是举个例子而已!!!
基本类型案例:
let arr1=[1,2,3]
let arr2=arr1.forEach(ele=>{
return ele*2
})
引用类型 案例:
!!!注:实际项目中forEach 中不要写return,上面写法只是举个例子而已!!! 正确写法如下:
vue中的案例:
this.data3.forEach(item => {
//总额=总额+每列列数量*每列列价格*联系人
this.totalsum = this.totalsum + item.int2222 * item.decimal1 * this.selsectid.length
})
filter():返回一个符合func条件的元素数组
<script>
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
console.log(ages.filter(checkAdult));//[32,33,40]
}
</script>
some():返回一个boolean,判断是否有元素是否符合func条件(有一个就行)
<script>
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 40;
}
function myFunction() {
console.log(ages.some(checkAdult));//false
}
function checkAdult2(age) {
return age >= 18;
}
function myFunction() {
console.log(ages.some(checkAdult2));//true
}
</script>
every():返回一个boolean,判断每个元素是否符合func条件(所有都判断)
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
console.log(ages.every(checkAdult))//false
}