JS中some(),every(),forEach(),map(),filter()区别及使用案例

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
}