首页 > 其他分享 > 数组filter,find,map,some,every,reduce的用法简单梳理

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

时间:2022-08-18 14:00:08浏览次数:85  
标签:map arr name reduce age some item let id

一、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'

 

TRANSLATE with x English
Arabic Hebrew Polish
Bulgarian Hindi Portuguese
Catalan Hmong Daw Romanian
Chinese Simplified Hungarian Russian
Chinese Traditional Indonesian Slovak
Czech Italian Slovenian
Danish Japanese Spanish
Dutch Klingon Swedish
English Korean Thai
Estonian Latvian Turkish
Finnish Lithuanian Ukrainian
French Malay Urdu
German Maltese Vietnamese
Greek Norwegian Welsh
Haitian Creole Persian  
  TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE Enable collaborative features and customize widget: Bing Webmaster Portal Back

标签:map,arr,name,reduce,age,some,item,let,id
From: https://www.cnblogs.com/lyj0810/p/16598454.html

相关文章

  • AutoMapper Queryable Extensions
    QueryableExtensionsWhenusinganORMsuchasNHibernateorEntityFrameworkwithAutoMapper’sstandardmapper.Mapfunctions,youmaynoticethattheORMwil......
  • .Net core 利用Npoi.Mapper 生成Excel
    1.NuGet添加Npoi.Mapper引用   2.初始化privatevoidbutton1_Click(objectsender,EventArgse){//数据导出测试......
  • SortedMap
    SortedMap/**Copyright(c)1998,2011,Oracleand/oritsaffiliates.Allrightsreserved.*ORACLEPROPRIETARY/CONFIDENTIAL.Useissubjecttolicenseter......
  • 手写 js数组reduce
    functionreduce(list,fn,...init){letprev=init.length>0?init[0]:list[0];for(leti=init.length>0?0:1;i<list.length;i++){......
  • map-HashMap
    HashMap图片~~~其他常见的map结构常见的map结构常用的Map结构有:hashMap(最常用)、hashTable、LinkedHashMap、TreeMap(对存入的键值进行排序)LinkedHashMap和HashMap......
  • SQLMAP系列强化
    案例1:DC-9图1:尝试‘or1=1--+    //判断存在注入kali中使用sqlmap工具跑就完了sqlmap-u"http://192.168.178.135/results.php"--data"search=1" ......
  • c++ 实现hashmap
    由于hashmap不是c++stl中标准实现,这样在跨平台使用时就可能会出现问题,于是想到自己实现一个hashmaphash算法使用开链法解决hash冲突,主要实现了添加,删除,查找几个方法头文......
  • Java 中Map五种取值方式
    map的主要作用是什么?   可以通过创建一个map的实现类来存放数据值和值的描述也可以通过描述去取得数据   将键映射到值的对象。一个映射不能包含重复的键;每个......
  • mybatispluys-Mapper CRUD 接口
    MapperCRUD接口通用CRUD封装BaseMapper(opensnewwindow)接口,为Mybatis-Plus启动时自动解析实体表关系映射转换为Mybatis内部对象注入容器Insert//插入一条......
  • MapAndSet
    Map1.Map它是一个双列集合和Collection集合是一种并列关系2.Map中的Key和Value是一一映射关系3.Map中的key和value都可以存储null值4.......