快捷導(dǎo)航

ECMA5數(shù)組的新增方法有哪些及forEach（）模仿實(shí)現(xiàn)

更新時(shí)間：2015年11月03日 09:53:15 投稿：mrr

這篇文章主要介紹了ECMA5數(shù)組的新增方法有哪些及forEach（）模仿實(shí)現(xiàn),需要的朋友可以參考下

下面通過(guò)一段代碼示例給大家介紹ECMA5數(shù)組的新方法forEach（）模仿實(shí)現(xiàn)，具體代碼如下所示，

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.回調(diào)函數(shù)的使用

2.defineProperty以及defineProperties函數(shù)的意義

這兩個(gè)函數(shù)都可以定義對(duì)象屬性的四大特性--值，可寫(xiě)性，可枚舉性，可配置性

下面還有點(diǎn)時(shí)間給大家介紹ECMA5中數(shù)組新增的幾個(gè)方法如下所示：

今天在做練習(xí)的時(shí)候，偶遇fitter();以前看過(guò)這些數(shù)組的新方法，但一直沒(méi)有用在實(shí)戰(zhàn)中，趁著今天在復(fù)習(xí)一次；

forEaach()

這個(gè)方法是從頭到尾遍歷一個(gè)數(shù)組，然后為數(shù)組中的每個(gè)元素調(diào)用指定的函數(shù)。這個(gè)函數(shù)作為foreach的第一個(gè)參數(shù)。調(diào)用的函數(shù)可以有3個(gè)參數(shù)，分別是當(dāng)前的數(shù)組元素，當(dāng)前元素的索引，以及被遍歷的數(shù)組，如果只有一個(gè)參數(shù)，那么這個(gè)參數(shù)就是當(dāng)前的數(shù)組元素。

var data = [1,2,3,4,5] ;
// 計(jì)算數(shù)組的和
var sum = 0 ; 
data.forEach(function(value){sum += value; }); // 這里的value 分別代指 data[0~4];
console.log( sum ) // 15
// 每個(gè)數(shù)組元素自加1
data.forEach(function(v, i, a){ a[i] = v + 1; }) // v 分別代指 data[0~4]; a 代指data;
map() ;

map()方法將調(diào)用的數(shù)組的每個(gè)元素傳遞給制定的函數(shù)，并且返回一個(gè)數(shù)組（和調(diào)用數(shù)組的格式一模一樣），塔包含改函數(shù)的返回值，注意：它必須有一個(gè)返回值，并且不會(huì)改變調(diào)用他的數(shù)組。

var a = [1,2,3];
b = a.map(function(x) { return x * x; });
filter()

這個(gè)函數(shù)的返回值是調(diào)用函數(shù)的一個(gè)子集，因?yàn)閭鹘o他的函數(shù)式用來(lái)做邏輯判斷，如果為true，則把當(dāng)前值推入這個(gè)要返回的子集數(shù)組中。

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() ;

這兩個(gè)函數(shù)的參數(shù)都是一個(gè)判定函數(shù)，對(duì)數(shù)組元素進(jìn)行判斷，而返回值為true或者false ;

在every()中只有當(dāng)所有的數(shù)組元素調(diào)用判定函數(shù)且返回true ，其返回值才為true；有點(diǎn)類似&；

在some()中，只要有一個(gè)數(shù)組元素調(diào)用判定函數(shù)為true，就會(huì)返回true。

您可能感興趣的文章: