首页 > 编程语言 > 详细

数组filter,find,map,some,every,reduce的用法简单梳理

时间:2021-08-19 14:35:03      阅读:13      评论:0      收藏:0      [点我收藏+]

一、filter

  数组的过滤或筛选功能,根据筛选条件返回一个包含符合条件元素的新数组,不影响原数组,筛选条件写在一个函数中

技术分享图片
let arr= [
    {id:1,name: "a", age: 18},
    {id:2,name: "b", age: 15},
    {id:3,name: "c", age: 16},
    {id:4,name: "d", age: 17},
    {id:5,name: "e", age: 19}
]
let newarr=arr.filter(function(item){
    return item.age>15
})
console.log(newarr)
//[ {id: 1, name: "a", age: 18},
{id: 3, name: "c", age: 16},
{id: 4, name: "d", age: 17},
{id: 5, name: "e", age: 19}]
技术分享图片

 

二、find

  返回通过函数内条件的第一个元素的

let arr = [1,2,3];
let arr1=arr.find(function (item) {
    return item>=2
});
console.log( arr5); //2

 

三、map

  数组的映射,返回一个新数组,其值是通过函数处理过的值

 let arr = [2,3,5,6]
    let arr1 = arr.map(function(item){
        return item +1;
    })
    console.log(arr1)//[3,4,6,7]
 let arr = [2,3,5,6,7,8]
    let arr1 = arr.map(function(item){
        return item >5;
    })
    console.log(arr1)//[false,false,false,true,true,true]

四、some

  some() 方法会依次执行数组的每个元素:

  如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
  如果没有满足条件的元素,则返回false

let arr = [2, 4, 6, 8];
let flag = arr.some(function(item) {
    return item > 5
});
console.log(flag); //true

五、every

  every()检测数组中的所有元素是否都满足函数的中 的筛选条件

  都满足返回true否则返回false

let arr = [2, 4, 6, 8];
let flag = arr.every(function(item) {
    return item > 6
});
console.log(flag); //false

六、reduce

  从左到右累加数组中的值,最后得到的仍是一个值

  

技术分享图片
let arr = [2,3,5,6,7,8,‘a‘]
    let arr1 = arr.reduce(function(val,item,index,origin){
        console.log(val,item,index,origin)//val是累加值,item是当前值,index下标从1开始,arr[0]默认为第一次的累加值,origin是数组本身
        return val+item
    })
    console.log(arr1)// ‘31a‘
技术分享图片
 

数组filter,find,map,some,every,reduce的用法简单梳理

原文:https://www.cnblogs.com/junjun-001/p/15160968.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!