ECMA5数组的新增方法有哪些及forEach（）模仿实现

ECMA5数组的新增方法有哪些及forEach（）模仿实现

下面通过一段代码示例给大家介绍ECMA5数组的新方法forEach（）模仿实现，具体代码如下所示，

var o = {

forEach: function (callback) {

// alert(this.length);

for (var i = , len = this.length; i < len; i++) {

callback && callback(this[i], i, this);

}

},

get length(){

var sum=;

for(var n in this) {

sum+=;

}

return sum;

}

};

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();以前看http://过这些数组的新方法，但一直没有用在实战中，趁着今天在复习一次；

forEaach()

这个方法是从头到尾遍历一个数组，然后为数组中的每个元素调用指定的函数。这个函数作为foreach的第一个参数。调用的函数可以有3个参数，分别是当前的数组元素，当前元素的索引，以及被遍历的数组，如果只有一个参数，那么这个参数就是当前的数组元素。

var data = [1,2,3,4,5] ;

// 计算数组的和

var sum = 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()方法将调用的数组的每个元素传递给制定的函数，并且返回一个数组（和调用数组的格式一模一样），塔包含改函数的返回值，注意：它必须有一个返回值，并且不会改变调用他的数组。

var a = [1,2,3];

b = a.map(function(x) { return x * x; });

filter()

这个函数的返回值是调用函数的一个子集，因为传给他的函数式用来做逻辑判断，如果为true，则把当前值推入这个要返回的子集数组中。

var getNum = function (a, b, k) {

return a.filter(function (v) {return b.indexOf(v) > -1;})[k-1];

}

var A = [3,4,5,6,7,8,9];

var B = [12,10,8,6];

console.log(getNum(A, B, 1))

console.log(getNum(A, B, 2));

every() some() ;

这两个函数的参数都是一个判定函数，对数组元素进行判断，而返回值为true或者false ;

在every()中只有当所有的数组元素调用判定函数且返回true ，其返回值才为true；有点类似&；

在some()中，SuxfA只要有一个数组元素调用判定函数为true，就会返回true。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。