ECMA5数组的新增方法有哪些及forEach()模仿实现
下面通过一段代码示例给大家介绍ECMA5数组的新方法forEach()模仿实现,具体代码如下所示,
varo={ forEach:function(callback){ //alert(this.length); for(vari=,len=this.length;i<len;i++){ callback&&callback(this[i],i,this); } }, getlength(){ varsum=; for(varninthis){ sum+=; } returnsum; } }; Object.defineProperty(o,"length",{enumerable:false}); Object.defineProperty(o,"forEach",{enumerable:false}); o[]=; o[]=; o[]=; o.forEach(function(v,i,arr){ arr[i]=v+; console.log(arr[i]+"callback"); });
值得注意的是:
1.回调函数的使用
2.defineProperty以及defineProperties函数的意义
这两个函数都可以定义对象属性的四大特性--值,可写性,可枚举性,可配置性
下面还有点时间给大家介绍ECMA5中数组新增的几个方法如下所示:
今天在做练习的时候,偶遇fitter();以前看过这些数组的新方法,但一直没有用在实战中,趁着今天在复习一次;
forEaach()
这个方法是从头到尾遍历一个数组,然后为数组中的每个元素调用指定的函数。这个函数作为foreach的第一个参数。调用的函数可以有3个参数,分别是当前的数组元素,当前元素的索引,以及被遍历的数组,如果只有一个参数,那么这个参数就是当前的数组元素。
vardata=[1,2,3,4,5]; //计算数组的和 varsum=0; data.forEach(function(value){sum+=value;});//这里的value分别代指data[0~4]; console.log(sum)//15 //每个数组元素自加1 data.forEach(function(v,i,a){a[i]=v+1;})//v分别代指data[0~4];a代指data; map();
map()方法将调用的数组的每个元素传递给制定的函数,并且返回一个数组(和调用数组的格式一模一样),塔包含改函数的返回值,注意:它必须有一个返回值,并且不会改变调用他的数组。
vara=[1,2,3]; b=a.map(function(x){returnx*x;}); filter()
这个函数的返回值是调用函数的一个子集,因为传给他的函数式用来做逻辑判断,如果为true,则把当前值推入这个要返回的子集数组中。
vargetNum=function(a,b,k){ returna.filter(function(v){returnb.indexOf(v)>-1;})[k-1]; } varA=[3,4,5,6,7,8,9]; varB=[12,10,8,6]; console.log(getNum(A,B,1)) console.log(getNum(A,B,2)); every()some();
这两个函数的参数都是一个判定函数,对数组元素进行判断,而返回值为true或者false;
在every()中只有当所有的数组元素调用判定函数且返回true,其返回值才为true;有点类似&;
在some()中,只要有一个数组元素调用判定函数为true,就会返回true。