ECMA5數(shù)組的新增方法有哪些及forEach()模仿實現(xiàn)
下面通過一段代碼示例給大家介紹ECMA5數(shù)組的新方法forEach()模仿實現(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ù)的意義
這兩個函數(shù)都可以定義對象屬性的四大特性--值,可寫性,可枚舉性,可配置性
下面還有點時間給大家介紹ECMA5中數(shù)組新增的幾個方法如下所示:
今天在做練習的時候,偶遇fitter();以前看過這些數(shù)組的新方法,但一直沒有用在實戰(zhàn)中,趁著今天在復習一次;
forEaach()
這個方法是從頭到尾遍歷一個數(shù)組,然后為數(shù)組中的每個元素調(diào)用指定的函數(shù)。這個函數(shù)作為foreach的第一個參數(shù)。調(diào)用的函數(shù)可以有3個參數(shù),分別是當前的數(shù)組元素,當前元素的索引,以及被遍歷的數(shù)組,如果只有一個參數(shù),那么這個參數(shù)就是當前的數(shù)組元素。
var data = [1,2,3,4,5] ;
// 計算數(shù)組的和
var sum = 0 ;
data.forEach(function(value){sum += value; }); // 這里的value 分別代指 data[0~4];
console.log( sum ) // 15
// 每個數(shù)組元素自加1
data.forEach(function(v, i, a){ a[i] = v + 1; }) // v 分別代指 data[0~4]; a 代指data;
map() ;
map()方法將調(diào)用的數(shù)組的每個元素傳遞給制定的函數(shù),并且返回一個數(shù)組(和調(diào)用數(shù)組的格式一模一樣),塔包含改函數(shù)的返回值,注意:它必須有一個返回值,并且不會改變調(diào)用他的數(shù)組。
var a = [1,2,3];
b = a.map(function(x) { return x * x; });
filter()
這個函數(shù)的返回值是調(diào)用函數(shù)的一個子集,因為傳給他的函數(shù)式用來做邏輯判斷,如果為true,則把當前值推入這個要返回的子集數(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() ;
這兩個函數(shù)的參數(shù)都是一個判定函數(shù),對數(shù)組元素進行判斷,而返回值為true或者false ;
在every()中只有當所有的數(shù)組元素調(diào)用判定函數(shù)且返回true ,其返回值才為true;有點類似&;
在some()中,只要有一個數(shù)組元素調(diào)用判定函數(shù)為true,就會返回true。
相關文章
用html+css+js實現(xiàn)的一個簡單的圖片切換特效
這篇文章主要介紹了用html+css+js實現(xiàn)的一個簡單的圖片切換特效,需要的朋友可以參考下2014-05-05
JavaScript數(shù)據(jù)結構與算法之二叉樹添加/刪除節(jié)點操作示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結構與算法之二叉樹添加/刪除節(jié)點操作,涉及javascript二叉樹的定義、節(jié)點添加、刪除、遍歷等相關操作技巧,需要的朋友可以參考下2019-03-03
JavaScript如何實現(xiàn)組合列表框中元素移動效果
在頁面中有兩個列表框,需要把其中一個列表框的元素移動到另一個列表框,怎么實現(xiàn)此功能呢,下面通過本文給大家介紹JavaScript如何實現(xiàn)組合列表框中元素移動效果,感興趣的朋友一起學習吧2016-03-03

