您现在的位置是:首页 > 正文

JavaScript Array filter() 方法 筛选过滤去重

2024-01-30 23:06:24阅读 0

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
通过一定的条件逻辑可以筛选过滤去重。

var weathers = [ {
        "curTemp" : "35",
        "temp" : "22~34",
        "weather" : "晴",
        "wind" : "东北风4级",
        "cname" : "黄帝故里",
        "name" : "huangdiguli",
        "aqi" : "32",
        "aqi1" : "优",
        "humidity" : "41%",
        "type" : "2"
    }, {
        "curTemp" : "29",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "世纪欢乐园",
        "name" : "shijihuanleyuan",
        "aqi" : "61",
        "aqi1" : "良",
        "humidity" : "36%",
        "type" : "2"
    }, {
        "curTemp" : "32",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "方特欢乐世界",
        "name" : "fangtehuanleshijie",
        "aqi" : "42",
        "aqi1" : "优",
        "humidity" : "46%",
        "type" : "2"
    }, {
        "curTemp" : "29",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "城隍庙·文庙",
        "name" : "chenghuangmiaowenmiao",
        "aqi" : "61",
        "aqi1" : "良",
        "humidity" : "36%",
        "type" : "2"
    }, {
        "curTemp" : "32",
        "temp" : "21~33",
        "weather" : "晴",
        "wind" : "东北风2级",
        "cname" : "中岳庙",
        "name" : "zhongyuemiao",
        "aqi" : "38",
        "aqi1" : "优",
        "humidity" : "34%",
        "type" : "2"
    }, {
        "curTemp" : "32",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "农业高新科技园",
        "name" : "nongyegaoxinkejiyuan",
        "aqi" : "42",
        "aqi1" : "优",
        "humidity" : "46%",
        "type" : "2"
    }, {
        "curTemp" : "29",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "郑州海洋馆",
        "name" : "zhengzhouhaiyangguan",
        "aqi" : "60",
        "aqi1" : "良",
        "humidity" : "36%",
        "type" : "2"
    }, {
        "curTemp" : "29",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "樱桃沟景区",
        "name" : "yingtaogoujingqu",
        "aqi" : "61",
        "aqi1" : "良",
        "humidity" : "36%",
        "type" : "2"
    }, {
        "curTemp" : "32",
        "temp" : "21~33",
        "weather" : "晴",
        "wind" : "东北风2级",
        "cname" : "嵩阳书院",
        "name" : "songyangshuyuan",
        "aqi" : "38",
        "aqi1" : "优",
        "humidity" : "34%",
        "type" : "2"
    }, {
        "curTemp" : "36",
        "temp" : "22~33",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "伏羲山神仙洞",
        "name" : "fuxishanshenxiandong",
        "aqi" : "42",
        "aqi1" : "优",
        "humidity" : "35%",
        "type" : "2"
    }, {
        "curTemp" : "36",
        "temp" : "22~33",
        "weather" : "多云",
        "wind" : "东北风4级",
        "cname" : "伏羲山大峡谷",
        "name" : "fuxishandaxiagu",
        "aqi" : "40",
        "aqi1" : "优",
        "wuranwu" : "暂无",
        "pm25" : "暂无",
        "pm10" : "暂无",
        "humidity" : "35%",
        "type" : "2"
    }, {
        "curTemp" : "32",
        "temp" : "22~34",
        "weather" : "多云",
        "wind" : "东北风3级",
        "wind6" : "西南风",
        "cname" : "古柏渡旅游区",
        "name" : "gubaidulvyouqu",
        "aqi" : "43",
        "aqi1" : "优",
        "humidity" : "37%",
        "type" : "2"
    }, {
        "curTemp" : "35",
        "temp" : "22~34",
        "weather" : "小雨",
        "wind" : "东北风4级",
        "cname" : "具茨山景区",
        "name" : "jucishanjingqu",
        "aqi" : "32",
        "aqi1" : "优",
        "humidity" : "41%",
        "type" : "2"
    }, {
        "curTemp" : "29",
        "temp" : "22~34",
        "weather" : "晴",
        "wind" : "东北风4级",
        "cname" : "富景生态世界",
        "name" : "fujingshengtaishijie",
        "aqi" : "44",
        "aqi1" : "优",
        "humidity" : "36%",
        "type" : "2"
    } ];
    //过滤晴天的景区
    var sunshine = weathers.filter((item) => {return item.weather === '晴'});
    //也可以这样写
    var sun = weathers.filter(function(item) {
        return item.weather === '晴';
    });
    console.log(sunshine);
    console.log(sun);
    //数组去重
    var language = ['Java','JavaScript','Java','C++','JavaScript'];
    var single = language.filter(function(item, index, language) {
        //当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素
        return language.indexOf(item, 0) === index;
    });
    console.log(single)

网站文章

  • 后端框架学习笔记

    后端框架学习笔记

    1.运行过程 WishList(Domain)-->WishListMapper(DAO)-->WishListService(Service)-->WishListControll...

    2024-01-30 23:06:16
  • Windows下的C/C++的远程调试

    Windows下的C/C++的远程调试

    1. 问题 程序员经常会面临,开发电脑上一切运行正常,但是在测试电脑上却死活都有问题。一般情况下,我们可加一些弹窗或是打印Log来进行分析调试。但是如果问题复杂时,以上方法调试还是比较麻烦。如果可以像...

    2024-01-30 23:06:07
  • spark-各版本特性

    0.3 Save Operations You can now save distributed datasets to the Hadoop filesystem (HDFS), Amazon S3...

    2024-01-30 23:05:59
  • 插入排序小结

    最近上心找实习,把博客落下了,这不行啊 抓住3月的尾巴,赶紧更新 预计会把排序算法总结一下,手边有现撸的代码 其他的(二叉树、图等)还需要看情况,要找OJ去刷题(只怪先前没积累,还是要过笔试关的),或者修补一下其他短板,总结性的工作要靠后了。直接插入排序思想:从未排序部分的数组中找到第一个元素,与已经排序(升序)部分由后向前比较,找到(有后向前)第一个比选中元素小的位置(或者说是

    2024-01-30 23:05:30
  • 控制流图、圈复杂度 热门推荐

    控制流图、圈复杂度 热门推荐

    继续上次的测试作业,学习完程序插装的概念,今天学习测试的静态分析方法:绘制控制流图与计算圈复杂度。 一、控制流图: 一个过程或程序的抽象表现,常以数据结构链的形式表示。 二、圈复杂度: 复杂度越高,软件质量就越低,测试就越困难。 圈复杂度(McCabe),其复杂度V(G)可按以下公式计算: V(G) = E – n + 2 其中,E为图G中的边数,

    2024-01-30 23:05:23
  • MT6701磁编码器使用指南,14Bit单圈绝对值,I2C stm32 HAL库读角度,兼容AS5600

    MT6701磁编码器使用指南,14Bit单圈绝对值,I2C stm32 HAL库读角度,兼容AS5600

    MT6701是麦歌恩(MagnTek)公司的磁性角度传感器芯片,提供14Bit 0~360°单圈绝对角度检测,拥有等多种信息输出方式,还可根据磁场强度的瞬时变化提供非接触式按压检测功能。能够以较低的成...

    2024-01-30 23:05:16
  • jcg 836 固件_JCG Studios – ArkDroid Beta发布

    jcg 836 固件_JCG Studios – ArkDroid Beta发布

    jcg 836 固件 大家好, 最近几个月,我们一直在忙于开发我们的第一个Android游戏项目。 方舟机器人我们就是所谓的“进化的碎石机”; 一个Arkanoid克隆游戏,它以电影故事和RPG精髓丰富了经典的“打破常规”游戏世界! 可以肯定的是,我们在Android平台上进行的首次游戏开发工作中学到了很多东西,并且打算与Java Code Geeks社区的其他成员共享所有“多汁的”细节! ...

    2024-01-30 23:04:49
  • JAVA和C语言有啥区别?是选择学习JAVA还是C?

    JAVA和C语言有啥区别?是选择学习JAVA还是C?

    JAVA和C语言有啥区别 1、C语言是面向过程的语言,执行效率高;Java是面向对象的语言,执行效率比C语言低; 2、C语言的安全性不如Java,C语言没有Java的垃圾回收机制,申请的空间要手动释放...

    2024-01-30 23:04:42
  • 程序员这个职业的危险期你知道吗

    这么多的职业病,再加上不分昼夜的加班,说不准哪天就又出来个胡新宇。 1.近视 整天瞅着屏幕,想不近视都难。每次开技术会议,往下看都是白茫茫一片。从事IT而不戴眼镜的人,真是让人羡慕啊。 2.颈椎病 每天坐在那里,盯着一个地方,时间稍长,就感觉脖子僵硬。赶快去检查下颈椎吧。 3.腰间盘突出 每天坐8个小时,很少活动,再加上坐姿不雅,腰酸背疼。 4.胃病 工作紧张,匆忙的快餐,有个好胃...

    2024-01-30 23:04:33
  • 关于AndroidStudio的代理(Proxy)设置无效问题

    关于AndroidStudio的代理(Proxy)设置无效问题

    AndroidStudio中的代理设置我们一般可以找到菜单Apperarance & Behavior->System Settings->HTTP Proxy配置界面大概如下直接配置HTTP代理即可...

    2024-01-30 23:04:04