下面通過一段代碼示例給大家介紹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。