vueuniapp数组的操作方法filter()map()f
详细学习请看:
vue数组操作方法
JavaScriptArray对象参考手册【使数组发生更新】方法:修改了原始数组,会触发视图更新
push()、pop()、shift()、unshift()、splice()、sort()、reverse()、join()【返回新数组、替换数组】:不会变更原始数组,而总是返回一个新数组
filter()、concat()、slice()、map()【。filter()】方法
filter创建一个新数组,新数组中的元素是符合指定条件的元素。
filter方法不会改变原数组,不对空数组进行检测。
举例:constarr〔32,33,16,40〕;constarr1arr。filter(itemitem18)console。log(arr)〔32,33,16,40〕console。log(arr1)〔32,33,40〕【。map()】方法
map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map()方法按照原始数组元素顺序依次处理元素。
filter方法不会改变原数组,不对空数组进行检测。
举例:constarr〔4,9,16,25〕;constarr1arr。map(itemitem2)console。log(arr)〔4,9,16,25〕console。log(arr1)〔6,11,18,27〕【。forEach()】方法
forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。
注意:forEach()对于空数组是不会执行回调函数的。
tips:forEach()中不支持使用break(报错)和return(不能结束循环),有需要时可使用常规的for循环。constarr〔4,9,16,25〕;constarr1〔〕;arr。forEach(itemarr1。push(item))console。log(arr)〔4,9,16,25〕console。log(arr1)〔4,9,16,25〕【。concat()】方法:合并数组
举例:数组直接和参数合并constarray〔a,b,e〕;console。log(array。concat(h,i));a,b,e,h,i2个数组合并constarray〔a,b,e〕;constb〔c,d〕console。log(array。concat(b));abecd3个数组合并constarray〔a,b,e〕;constb〔c,d〕;constc〔f,g〕;console。log(array。concat(c,b));a,b,e,f,g,c,d【。push()】方法
push在数组的末尾增加一个元素,一次可以增加多个
举例:constarray〔a,b,c〕;array。push(d);console。log(array);abcdarray。push(e,f,g);console。log(array);abcdefg【。join()】方法
join()方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。constarray〔a,b,e〕;console。log(array。join());abe【。pop()】方法
pop在数组末尾删除一个元素
举例:constarray〔a,b,c,d〕;array。pop();console。log(array);abc【。shift()】方法
shift删除第一个元素
举例:constarray〔a,b,c,d〕;array。shift();console。log(array);bcd【。unshift()】方法
unshift在数组头部增加一个元素或者多个
举例:constarray〔c,d〕;array。unshift(b);console。log(array);bcdarray。unshift(e,a);console。log(array);eabcd【。splice()】方法:根据索引设置元素
splice删除、插入或者替换元素。语法:this。arr。splice(index,num,value);
举例:删除index1的1个元素constarray〔a,b,c,d〕;array。splice(1,1)console。log(array);acd插入在index1后插入econstarray〔a,b,c,d〕;array。splice(1,0,e)console。log(array);aebcd替换index1的1个元素constarray〔a,b,c,d〕;array。splice(1,1,e)console。log(array);aecd
set方法:删除、插入或者替换元素。
语法:arr。set(index,num,value);和splice()一样的语法。【。sort()】方法
sort数组排序
举例:constarray〔a,c,b,d〕;array。sort();console。log(array);a,b,c,d【。reverse()】方法
reverse数组反转
举例:constarray〔a,c,b,d〕;array。reverse();console。log(array);d,b,c,a【。slice()】方法:可从已有的数组中返回选定的元素。
语法:arr。slice(start,end);
2个参数分别是:即要返回项的起始和结束位置。参数:
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,1指最后一个元素,2指倒数第二个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从start到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。返回值
返回一个新的数组,包含从start到end(不包括该元素)的arrayObject中的元素。说明
请注意,该方法并不会修改数组,而是返回一个子数组。
当只给slice()传递一个参数时,该方法返回从该参数指定位置开始到当前数组末尾的所有项。
举例:constarray〔a,b,c,d〕;console。log(array。slice(1,3));bcconsole。log(array。slice(1));bcdconsole。log(array。slice(3));bcdconsole。log(array。slice(1));d【。find()】方法
find返回符合要求的第一个数组元素,
find方法使用时,数组中的每个元素都会执行find中的函数:当数组中的元素满足函数条件时则返回true,find()返回符合要求的数组元素值,之后的值不会再调用执行函数。当数组元素没有满足find中的函数条件时,则返回undefined。注意:
find()对于空数组,函数是不会执行的。find()并没有改变数组的原始值。
举例:constarr〔4,9,16,25〕;constbarr。find(itemitem10)constcarr。find(itemitem1)console。log(arr)〔4,9,16,25〕console。log(b)16console。log(c)undefined【。findIndex()】方法
findIndex返回符合函数条件的数组元素下标,空数组不会执行。
findIndex()方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。
findIndex()方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回true时,findIndex()返回符合条件的元素的索引位置,之后的值不会再调用执行函数。如果没有符合条件的元素返回1注意:
findIndex()对于空数组,函数是不会执行的。findIndex()并没有改变数组的原始值。
举例:constarr〔4,9,16,25〕;constbarr。findIndex(itemitem10)constcarr。findIndex(itemitem1)console。log(arr)〔4,9,16,25〕console。log(b)2console。log(c)1【。some()】方法
some方法会检测数组中的元素是否满足指定条件(函数提供)。
some()方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true,剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。注意:
some()不会对空数组进行检测。空数组不会执行。some()不会改变原始数组。
举例:constarr〔4,9,16,25〕;constbarr。some(itemitem10)constcarr。some(itemitem1)console。log(arr)〔4,9,16,25〕console。log(b)trueconsole。log(c)false【。every()】方法
every检测数组中的元素是否都满足条件,有一个不满足条件的则返回false,空数组不会执行。
every()方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every()方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回false,且剩余的元素不会再进行检测。如果所有元素都满足条件,则返回true。注意:
every()不会对空数组进行检测。every()不会改变原始数组。constarr〔4,9,16,25〕;constbarr。every(itemitem10)constcarr。every(itemitem1)console。log(arr)〔4,9,16,25〕console。log(b)falseconsole。log(c)true
1人点赞
每天进步一点点
作者:WYL99
链接:https:www。jianshu。comp253fb9e27e4e
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
高晓松正式从阿里离职,微博简介更新,设置半年可见有着很多头衔的高晓松目前被曝光从阿里离职,结束长达六年的任职,其实在2016年高晓松就已经辞去阿里音乐董事长一职,出任阿里娱乐战略委员会主席。2019年10月21日高晓松不再担……
北汽曾高居新能源汽车销售量,榜首发布了阿尔法S,试驾活动开启北汽曾高居新能源汽车销售量榜首,近日发布了阿尔法S,试驾活动开启北汽是中国最早推广新能源的一个企业,它曾经在一个月销售了3万多台新能源汽车,高居新能源汽车的销售量榜首。然……
实用冬至的作文700字汇总7篇在平时的学习、工作或生活中,大家都不可避免地要接触到作文吧,作文是一种言语活动,具有高度的综合性和创造性。那么,怎么去写作文呢?以下是小编收集整理的冬至的作文700字7篇,仅供……
从我做起保护环境作文六月五日是新的一届世界环境日,三十三年来,环境确实得到了好转,但我们仍不能把这些好转作为乐观的理由!大气污染,噪音污染、固体废物、有、毒化、学品已经让地球变得百孔千疮,让人类的……
朋友的味道作文800字在每个人的身上都用一种不同的味道,你的味道特别,那在于我对你的想念我的朋友。在小学毕业的时候我们俩分开了,去了自己人生中的第一次选择,奔相了不同的方向。我一直在寻找,为什……
矮大紧高晓松离职阿里巨人教育宣布倒闭银隆终究成为格力的子公司高晓松离职阿里阿里大文娱告别矮大紧8月31日,原阿里音乐董事长、著名音乐人高晓松,已于近日从阿里离职。媒体就此向阿里大文娱方面求证,对方表示并不清楚。2015年7月……
赞助表示时间短的词语时间每时每刻都在流逝,我们应该如何形容时间短呢?以下是小编精心准备的赞助表示时间短的词语,大家可以参考以下内容哦!赞助表示时间短的词语【1】片刻:极短的时间;一会儿。……
关于六年级小学作文1400字合集7篇无论是在学校还是在社会中,大家最不陌生的就是作文了吧,根据写作命题的特点,作文可以分为命题作文和非命题作文。还是对作文一筹莫展吗?以下是小编精心整理的六年级小学作文1400字7……
全民炒币美国小兄妹在车库建以太坊矿场,月入3。5万美元一对美国的小兄弟姐妹在车库里建了一座以太坊矿。他们从一台游戏电脑开始,逐渐用赚来的钱购买新的采矿设备。目前,他们的月收入已达35000美元。14岁的伊桑塔库尔和9岁的妹妹安雅住……
韩国最终妥协,美国正式介入中韩半导体收购案,合同或被彻底搅黄目前中国的显示面板产能已经跃居全球第一,可是一个很严峻的现实摆在我们面前,那就是用于显示面板的驱动芯片,中国依旧需要从外国进口,虽然也不会影响到显示面板生产,可如果中国想要真正……
写给钟南山爷爷的一封信敬爱的钟南山爷爷:您好!我是杭州市临安区的一名六年级小学生。这个年很特别,整个假期我都待在家里。在这期间,我每天都会了解肺炎疫情,深刻体会到了它的残酷。与此同时,我……
未来央行数字货币的应用还有望向商户开放除出行场景外,还有专业人士指出,未来央行数字货币的应用还有望向商户开放。7月9日,国盛证券区块链分析师宋嘉吉就在最新发表的研报中指出,我们认为,央行数研所此次与滴滴的合作……
糟糕的英语课作文400字最近,洋话连篇高级口语班上,来了一位新学员,个子虽然短小精悍名字却叫潘高峰。高峰属于性格活泼之人,最喜欢体育运动。这不,昨天与朋友们打蓝球时不小心摔了一跤,今天脸上贴着创可贴就……
关于可爱小猫作文猫,是一种很可爱的小动物,大家喜欢吗?下面是小编为大家收集整理的是可爱小猫作文,欢迎阅读。关于可爱小猫作文一外婆家有一只活泼可爱的小猫。它浑身雪白,没有一点杂色,远远望去……
买不停!松下将再斥资50亿美元用于电动汽车电池和供应链软件领智通财经APP获悉,松下控股公司(PanasonicHoldingsCorp。)计划在汽车电池和供应链软件等领域投资6000亿日元(49亿美元),该公司认为这些领域是其增长的核……
同桌的他作文1200字我在3班这个大家庭已经有6年之久了,在这几年里,我熟识的人有许许多多,但是,对于我的同桌张铭智,是在脑海里给我留下印象最深刻的人。你要是在之前提起他,我可谓是一无所知,可是就在……
这就是我我,一个平平常常的人,既没有嫦娥那样的风采,更没有西施那样的婀娜。我没有水汪汪的大眼睛,没有樱桃小嘴。那就更别提什么柳叶眉,嫩皮肤了。但是,我拥有的是自我欣赏和知足常乐。……
初一期中考试作文自然之歌当春带着她特有的新绿,海一样的漫来时,真能让人心醉。闲逛在春天,天上飘着大大小小的棉花糖,脚下踩着松软的泥土,大小的蝴蝶在花丛间翩翩起舞,构成了一幅美妙的风情画,这么美的……
吃钱饺子过年了!过年了!我早就盼望着这一天了。小孩子们可以尽情地玩耍,还可以吃到美味可口的ldquo;钱rdquo;饺子。午夜时分,妈妈端上了一盘盘热气腾腾的ldquo;钱rdq……
安徽映日科技创业板IPO面临考验日前,芜湖映日科技股份有限公司(以下简称映日科技)披露招股书,拟于创业板上市。招股书显示,映日科技拟募资5。05亿元,在去年实现营收3。15亿元。映日科技是一家专业从事高……
挫折痛苦人生挫折、痛苦、人生尝闻一说曰:鹰鹫之属,本为同族,其名曰隼。岁逢大旱,草木尽枯,獐兔皆死,群隼枵腹。或搏苍穹,徒鸿蒙,求索于重峦之颠,或敛翅羽,扑尘埃,偏安于腐尸殍肉。则前……
贵州制造数字化转型加速跑在贵州雅光电子科技股份有限公司的智能化生产线上,平均每8秒采集一次生产数据,每分钟可生产近300件产品;1000多台设备数据采集和互联,70家企业画像构建,贵州百讯智汇科……
蒙古包作文500字蒙古包是蒙古族牧民居住的一种房子。建造和搬迁都很方便,适于牧业生产和游牧生活。蒙古包古代称作穹庐、毡包或毡帐。据《黑鞑事略》记载:穹庐有二样:燕京之制,用柳木为骨,正如南方罘思……
英雄交响曲读名人传有感英雄交响曲mdash;mdash;读《名人传》有感古人云:古今之成大事业者,非惟有超世之才,亦必有坚韧不拔之志。《名人传》叙述了德国音乐家贝多芬、意大利画家和……