范文健康探索娱乐情感热点
投稿投诉
热点动态
科技财经
情感日志
励志美文
娱乐时尚
游戏搞笑
探索旅游
历史星座
健康养生
美丽育儿
范文作文
教案论文
国学影视

8个常用的JavaScript数组方法

  数组(Array)是JavaScript中内置的全局对象,在构建诸如商品列表等组件(Component)时,时常用到。
  除了常见的push、pop、indexOf等方法,js还提供了一些诸如过滤、规约等流处理方法,非常类似于Java的Stream库。const students = [     { name: "Alice", score: 100 },     { name: "Bob", score: 90 },     { name: "Trunp", score: 80 },     { name: "Biden", score: 70 },     { name: "Joe", score: 60 },     { name: "Sunshine", score: 50 },     { name: "Elon", score: 40 },     { name: "Jack", score: 30 },];
  1、filter
  过滤方法,返回符合条件的元素。
  //返回成绩大于75的高分学生const highScores = students.filter(stu => stu.score > 75); console.log(highScores);
  结果:[     { name: "Alice", score: 100 },     { name: "Bob", score: 90 },     { name: "Trunp", score: 80 } ]
  更好的是,由于const类型的值,都是不可变量,因此这些操作的返回的都是一个新对象,并不会影响到原值。
  2、map
  将数组内的item转化成另一种对象,类似于Java的Fucntion接口。//返回全部对象的name属性 const names = students.map(stu => stu.name); console.log(names);
  结果:[ "Alice","Bob", "Trunp","Biden","Joe", "Sunshine","Elon","Jack"]
  3、find
  类似于filter方法,但返回第一个符合条件的元素。filter返回一个数组,find返回一个object。//返回name长度为4的第一个对象 const foundedOne = students.find(stu=>stu.name.length === 4); console.log(foundedOne);
  结果:{ name: "Elon", score: 40 }
  由结果可见,虽然elon和jack都符合条件,但只返回了elon。
  4、forEach
  遍历数组内全部元素。//打印元素 students.forEach(item=>console.log(`stu-name=${item.name}, stu-score=${item.score}`));
  结果:stu-name=Alice, stu-score=100stu-name=Bob, stu-score=90stu-name=Trunp, stu-score=80stu-name=Biden, stu-score=70stu-name=Joe, stu-score=60stu-name=Sunshine, stu-score=50stu-name=Elon, stu-score=40
  5、some
  当数组中有一个符合条件,则返回true,否则返回false。//是否至少有一个name为Jack的const  isSome = students.some(item=>item.name === "Jack"); console.log(isSome); 结果:true
  6、every
  功能类似于some,但要求每一个元素都符合条件才返回true。//是否score都大于70const  isEvery = students.every(item=>item.score > 70); console.log(isEvery); 结果:false
  7、reduce
  规约函数。在MDN中给出的API可以简化为,reduce(callback(accumulator,current),initValue)。它有两个参数,第一个是回调函数,第二个initValue是初始值,可选的。current表示数组内的元素,即当前值。
  值得一说的是accumulator这个参数,它是中间态的值,一个累加器。换句话数,reduce函数是有状态的,即非纯函数,在多线程执行的时候,需要做一致性处理,否则可能会得到意外值。当然JavaScript是单线程执行的,所以可不考虑,但是用到类似于Java的语言中则需小心。//求取全部score之和const  result = students.reduce(     (accumulator, current) => accumulator + current.score,    0); console.log(result); 以上函数中,我们通过accumulator加上每一个元素值,获得最终结果。 结果:520。
  8、includes
  是否包含指定的元素值。const isIncludes = students.includes({ name: "Jack", score: 30 }); console.log(isIncludes); 结果:false。
  虽然提供了和最后一个元素的一摸一样的{name: "Jack", score: 30},但仍然返回false,说明两个对象不是指向同一个引用。
  以上,都是很实用的方法,他们使得原来需要很多语句才能做的事情,通过一个简单的调用,即可得出结果。

鞋子也能AI定制!sinmec定制皮鞋体验晒单说起定制,第一感觉就是很高端,我刚开始工作的时候给自己定做过一件西装,从选料,量身,裁剪,试穿,缝制,细部修整,制作西服的每一道工序必须是由经验数十年以上的老师傅亲自手工制作而成。7月份新势力销量公布蔚来丢冠,零跑猛追正当不少传统车企仍在盘点上半年车辆销量时,新势力造车已经抢先在8月份的头两天相继公布了自家的销量数据,迫不及待地展示7月份的增长。就在大家都认为蔚来能够蝉联7月份的销量冠军时,第一华为P50和iPhone13你选谁?根据最新消息称华为P50将在今年7月29日正式发布,距离iPhone13的发布时间只有一个月多月的时间,那这两台手机谁更值得我们购买呢,小东老师来给你好好分析一波。首先我们先看华为朝报代表着什么意思?为什么取朝报这个名字?1字面的理解比较精准朝报本身意义为封建社会的朝廷简报,唐朝起延续至明清,内容为朝廷大臣朝见皇帝及皇帝日常的简讯,这和当今报纸的功能在内容定位上比较相符。2发布的时间比较吻合朝是多音周朝阳说几个我见过的不同时期的真实的内容创业赚钱项目2015年底开始唱衰微信公众号的人络绎不绝,那个时候我在公司里面负责公众号的运营,亲身经历并参与了一段时间。唱衰的同时,说明流量成本越来越高了,门槛越来越有了,所以我仍在2016年又一行业出现倒闭潮,一年卖出3。07亿台,却有店铺亏损百万又一行业出现倒闭潮,曾经店铺开得满街都是,一年的出货量能达到3。07亿台。没想到,现在却有店铺亏损百万。是什么原因导致它前后的差距这么大呢?一年卖出3。07亿台随着时代的进步和发展迅驰小兽,划算优选品胜20W快速充电头自iPhone8开始,iPhone系列手机就开始支持PD快充协议,不过由于大部分设备官方仍然是适配的五福一安充电套装且使用快充需要花巨资购买快充充电套装,所以苹果手机上的快充一度并解决手机上安装了谷歌浏览器却不显示的问题近日,我本想着在手机上安装一个谷歌浏览器,却没想到,谷歌浏览器安装不了!于是我逐一排查是手机系统的问题还是安装包的问题还是被屏蔽的问题!一首先我最先开始的是检查了安装包的问题,因为苹果7发烫闪退?原因分析,这样解决再战三年没问题苹果7电池发烫闪退,首先检查一下是不是手机后台运行应用比较多,手机高负荷运行导致的手机卡顿,建议用户清理一下手机后台应用,或者直接将手机关机重启一下,待机身温度恢复正常后再使用试试小米11用什么膜好?除了原厂膜,还可以这样选对于小米11来讲,由于采用的是四曲面柔性屏,在选择贴膜的时候,应该首选原厂膜,虽然原厂膜防摔效果不是很好,但贴合度比较高,防划痕不错。其次是水凝膜,水凝膜和原厂膜一样,贴合度比较高运动时不期而遇的倾心南卡S1蓝牙耳机前言在这个智能科技高速发展的时代,庞大的中国市场也已经接近饱和,蓝牙耳机的市场也不例外,国内各家厂商前仆后继的推出产品,下面博主给大家评测一款蓝牙运动耳机国产轻型无线入耳式蓝牙运动
丁彦皓(可信财商)为什么国家要坚决取缔比特币等虚拟货币?为什么国家要坚决取缔比特币等虚拟货币?文丁彦皓可信财商珂芯资产一比特币等虚拟货币已被政府所强制取缔最近四年我写了二十多篇文章谈论虚拟货币,并且还做过一年量化交易,2019年1月25iOS14。6正式版发布,更新内容升级建议来了苹果终于发布了期待已久的iOS14。6正式版,iOS14。6经过3个beta和2个RC版本终于迎来了正式版。相信不少iOS14。5。1用户都在等待新版本更新,来解决发热卡顿性能下降过往皆为序章,HarmonyOS即将开启万物互联时代点击右上角关注我们,每天给您带来最新最潮的科技资讯,让您足不出户也知道科技圈大事!最近一段时间,关于鸿蒙操作系统的爆料和上手内容日渐增多,华为HarmonyOS官方微博账号也正式上4500预算,可无脑入的骁龙8系旗舰手机有哪几款?根据题主的需求来看,4。5K档,骁龙8系列处理器,那么可以选的几款安卓旗舰就在那里,像说到的OPPOFindX3小米11和三星S21等,前面OPPO小米两款都是热门国产旗舰,基本上有线电视多年老用户改换网络盒子,有宽带就能看,两者有啥区别?网络盒子里面可以安装很多软件,然后用软件看里面的节目,也可以看直播,关键是你可以自主选择节目,只要有宽带就能看,不用每年给电视台缴费了。而电视台的节目你不能选或选择很有限,还要每年华为官宣两个好消息,事关3nm麒麟芯片和手机鸿蒙系统本文原创,禁止抄袭,违者必究!众所周知,华为芯片设计能力全球领先,早早地便已经设计出5nm芯片,不过由于缺乏芯片制造能力,所以被卡了卡脖子。而关于华为的麒麟系列芯片储量也一直是个谜挖矿或将在中国成历史挖矿或将在中国成历史5月23日晚,虚拟货币再次集体崩盘,其中比特币跌幅一度超过16,莱特币以太坊也跌了不少。一个月前,比特币还是6万多美元一枚,转眼间就跌到3万多美元了。这离上一回划时代的操作系统,华为鸿蒙操作系统将于6月2日正式发布今日,EMUI官博正式更名为HarmonyOS,放出鸿蒙开机画面的视频。华为官方也正式宣布HarmonyOS发布会定档6月2日。在此之前,HarmonyOSBeta版也经过了多轮测比尔盖茨钟爱的保时捷电动车Taycan也出问题了一直以来,比尔盖茨都和特斯拉的马斯克不对盘。比如,马斯克喜欢比特币,而盖茨则称比特币是愚蠢的投资盖茨看到电动车,也会说特斯拉很好,但最后却依然选择了保时捷的电动车型Taycan。他RedmiNote10系列配LCD居中挖孔屏支持120Hz6挡变速高刷根据官方此前宣布的消息,Redmi将于5月26日也就是明天1400通过直播发布全新的RedmiNote10系列机型。随着发布时间进入最后的倒计时,官方关于该机外观和配置的细节的预热靠中国赚了2000亿,爱立信却被瑞典坑了,其5G市场份额或大幅缩水本文为金十数据原创文章,未经许可,禁止转载,违者必究。作为一家百年企业,爱立信与中国的关系源远流长,从1894年首次进驻中国市场算起,这127年来爱立信全程参与了中国从第一代移动通