网站建设怎么添加视频,wordpress 搜索栏js,商标设计网站图,网站建设服务费 印花税最近工作中经常涉及到数据的处理#xff0c;数组尤其常见#xff0c;经常需要对其进行遍历、转换操作#xff0c;网上的文章零零散散#xff0c;不得已自己又找出红宝书来翻出来看#xff0c;顺便记一笔#xff0c;便于以后查询。 数组常用的方法 ECMAScript5为数组定义了…最近工作中经常涉及到数据的处理数组尤其常见经常需要对其进行遍历、转换操作网上的文章零零散散不得已自己又找出红宝书来翻出来看顺便记一笔便于以后查询。 数组常用的方法 ECMAScript5为数组定义了8个迭代方法。每个方法都接受两个参数要在每一项上运行的函数fn和可选的运行该函数的作用域对象——影响 this 的值。 传入这些方法中的函数(fn)会接收3个参数item 、index 、array; 如: array.forEach(function(item,index,array){//do your staff here;
},this) 根据使用方法的不同这个函数执行后的返回值可能会/不会影响方法中的返回值。 这5个迭代方法作用及返回值概览如下末尾补充另外3个 ECMAScript5 Array元素迭代方法方法名方法作用 返回值every()针对数组中每一项元素运行指定函数Boolean:若每一项都返回true,返回true;filter()针对数组中每一项元素运行指定函数Array: 返回函数运行返回true的元素组成的新数组forEach()针对数组中每一项元素运行指定函数null: 无返回值map()针对数组中每一项元素运行指定函数 Array: 返回函数运行后得到到新新元素组成的新数组some()针对数组中每一项元素运行指定函数Boolean: 若有任意一项执行函数后返回true, 则返回true简单来说 every() 、some() 方法适合用于对数组元素进行条件判断 filter() 、map() 方法适合用于对数组进行条件筛选/再处理 forEach() 方法对不对数组本身做操作仅仅对数组元素的二次应用 下面介绍下各个方法的使用栗子 先来假设一个场景你拿到了公司的本月工资清单假设你的工资为9000公司员工工资组成的数组为salaries[8500,12000,9900,9000], a. 想知道 你的工资是不是最低的; b.想知道 有没有人和你工资一样多 c.想知道 是不是所有人待遇都一样 d.想 把大家的工资都换成K为单位的数据 1 var a,b,c,d;2 var your9000;3 var salaries[8500,12000,9900,9000];4 asalaries.some(function(item,index,array){5 return item90006 });7 console.log(a);//true;恭喜你还有人比你工资更低8 9
10 bsalaries.filter(function(item,index,array){
11 return item your;
12 })
13 console.log(b);//[9000] 呵呵有人跟你待遇一样
14
15 csalaries.every(function(item,index,array){
16 return itemyour;
17 });
18 console.log(c);//false .不是所有人都和你一样待遇哦
19
20 dsalaries.map(function(item,index,array){
21 return item/1000
22 });
23 console.log(d);//[8.5,12,9.9,9] PS:补充三个遗漏的方法 1.array.reduce(callback,[initalValue])归并函数——对每个数组元素执行回调函数返回最后一次调用结果值 //此处回调函数有4个参数其中第4个参数可选即calback(accumulator,value,index,array,initalValue) 2.Array.find(callback[,thisArg])查找函数——返回第一个通过测试的元素 3.Array.findIndex(callback[,Arg]):查找函数——返回第一个通过测试的元素的索引值 看完这些是否觉得以后再也不需要for循环了那么看看下面这个坑吧 [1,2,3].map(parseInt);//[1,NaN,NaN]//注意
//1.Array.map(iterm,index,array)
//2.parseInt(value,base) 转载于:https://www.cnblogs.com/hbzyin/p/6493371.html
