前端开发中常用的数组方法(一)
JavaScript提供了大量不同处理数组的方法,这里花几分钟介绍常用的几个数组方法。
1、Array.map()
map()方法返回一个新数组,数组中的元素未原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素的顺序依次处理元素。
示例一:
定义数组:
const Material_Array=[ {MaterialCode:'00061057',MaterialName:'运动袜',ColorName:'浅花灰/黑'}, {MaterialCode:'00064060',MaterialName:'闪光背包',ColorName:'宝蓝/灰色'}, {MaterialCode:'00066062',MaterialName:'拉托克背包',ColorName:'黑色/灰'}, {MaterialCode:'00069063',MaterialName:'单车背包',ColorName:'红色/灰'},]
获取所有数组中货品名称:
const materials= Material_Array.map(e=>e.MaterialName)console.log(materials)
运行结果:
0: "运动袜"1: "闪光背包"2: "拉托克背包"3: "单车背包"
2、Array.find()
find()方法返回通过测试(函数内判断)的数组的第一个元素的值。
find()方法为数组中的每个元素都调用一次函数执行。
- 当数组中的元素在满足条件时返回true时,find()返回符合条件的首次发现的元素,其余的元素不执行。
- 如果没有满足条件的元素返回undefined。
示例:
const material =Material_Array.find(e=>e.MaterialCode=='00061057')console.log(materials)
执行结果:
{MaterialCode: "00061057", MaterialName: "运动袜", ColorName: "浅花灰/黑"}
3、Array.every()
every()方法用于检测数组所有元素是否都符合指定条件。
every()方法使用指定函数检测数组中的所有元素。
- 如果数组中检测到有一个元素不满足,则整个元素返回false,并且不执行以后元素的检测。
- 如果所有元素都满足条件,则返回true。
示例:
const material=Material_Array.every(e=>......原文转载:http://www.shaoqun.com/a/828784.html
跨境电商:https://www.ikjzd.com/
美森:https://www.ikjzd.com/w/1693
promotion:https://www.ikjzd.com/w/127
tradeindia:https://www.ikjzd.com/w/2305
前端开发中常用的数组方法(一)JavaScript提供了大量不同处理数组的方法,这里花几分钟介绍常用的几个数组方法。1、Array.map()map()方法返回一个新数组,数组中的元素未原始数组元素调用函数处理后的值。map()方法按照原始数组元素的顺序依次处理元素。示例一:定义数组:constMaterial_Array=[{MaterialCode:'00061057',Mat
beien:https://www.ikjzd.com/w/1336
tineye:https://www.ikjzd.com/w/448
亚马逊一年一度数据报告(印度站):https://www.ikjzd.com/articles/5835
取消、错发及不完整发货政策生效,违反或将被暂停发货!:https://www.ikjzd.com/articles/5847
亚马逊专家为你剖析-Amazon Attribution究竟是什么?:https://www.ikjzd.com/articles/5848
新场小镇:百年老店鲜辣毛血旺 - :http://www.30bags.com/a/410109.html
中国"最后的狩猎部落":使鹿鄂温克的美丽与哀愁_驯鹿:http://www.30bags.com/a/220635.html
揭秘:婚姻中的男人为何钟情于情妇婚姻感觉男人:http://lady.shaoqun.com/m/a/34825.html
老师你下面太紧进不去 老师脱下裙子坐在我的巨物上:http://lady.shaoqun.com/a/247572.html
ebay放弃80%韩国市场业务,认证翻新中心页面更新:https://www.ikjzd.com/articles/146047
速卖通如何引流打造爆款?:https://www.ikjzd.com/articles/146045
Lazada店铺运营技巧--教你快速提升产品销量:https://www.ikjzd.com/articles/146036
没有评论:
发表评论