陣列方法拓展

2021-09-29 20:29:10 字數 1562 閱讀 9815

用於資料視覺化

遍歷作用 加強版本的for迴圈  針對於陣列

各個引數意義

list.foreach( function(ele,index,self)  ,document.getelementsbytagname('li'));

引數 //ele 陣列每一項

//index 序列號

//self 陣列本身

//this 沒有第二個引數window 有第二個引數指向

封裝實現foreach

array.prototype.myforeach = function(fun) 

} list.myforeach( function(ele,index,self) ,document.getelementsbytagname('li'));

該方法就返回乙個布林值 依據布林值進行資料處理

//過濾 通過返回值的真假返回滿足條件的專案

var newarr = list.filter(function(ele,index,self) ,[1,2,2])

console.log(newarr);

封裝filter函式()

array.prototype.myfilter = function(fun) )

//返回值是選取元素組成的新陣列

// console.log(neewarr);

封裝map方法

//  封裝map方法

array.prototype.mymap = function (fun)

return newarr

}list.mymap(function (ele, index, self) ,)

//只要有乙個不滿足條件就終止迴圈,區別於for 如果每一項返回值為true最終返回值為true 否則 false

var flag = arr.every(function(ele,index,self))

封裝every方法

array.prototype.myevery = function(fun) 

}return flag

}

5、reduce()方法

var initialvalue = 

//返回乙個值 第乙個引數函式 第二個引數必填 initialvalue 函式執行多少次取決於陣列大小

//第乙個引數函式必須要有返回值 將會作為下一次比較的prevalue的值

var lastvalue = arr.reduce(function(pre,cur,index,self) ,initialvalue,)

封裝reduce()方法

array.prototype.myreduce = function(fun,initialvalue) 

return initialvalue

}

ES6 陣列方法拓展

array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array like object 和可遍歷 iterable 的物件 包括es6新增的資料結構set和map 下面是乙個類似陣列的物件,array.from將它轉為真正的陣列。let arraylike es5的寫法 var a...

javaScript 陣列方法

1 array.concat 合併陣列 var a a b c var b x y z var c a.concat b,true c a b c x y z true 2 array.join 把陣列轉換成字串,預設是join var a a b c a.push d var c a.join c...

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...