DIV CSS 佈局教程網

下面通過一段代碼示例給大家介紹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();以前看過這些數組的新方法，但一直沒有用在實戰中，趁著今天在復習一次；

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()中，只要有一個數組元素調用判定函數為true，就會返回true。