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
}
 

————————————————
版权声明:本文为CSDN博主「叶落森」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xiasohuai/article/details/81981294

猜你喜欢

转载自www.cnblogs.com/mdr86553/p/12031444.html