JavaScript_ECMA5數(shù)組新特性詳解
var arr = [ 1, 2, 3, 4, 5, 4, 3, 2, 1 ];
新加位置的方法: indexOf lastIndexOf
1.1個參數(shù)的時候表示傳值 返回索引位置(index從0開始)
var index = arr.indexOf(4);
alert(index); //3
2. 2個參數(shù)的時候 第一個參數(shù)表示起始位置 第二個參數(shù)還是值
var index = arr.indexOf(4,4);
alert(index); //5
3.他們查找數(shù)組比較的時候 '==='
lastIndexOf
var index = arr.lastIndexOf(2);
alert(index); //7
5個新加迭代的方法
1.every :對于數(shù)組每一個元素進行一個函數(shù)的運行 如果都返回true 最后則返回true 如果有一個返回false最后結(jié)果則返回false
var result = arr.every(function(item , index , array){
return item >= 1 ;
});
alert(result); //true
2.filter :對于數(shù)組的每一個元素進行一個函數(shù)的運行 給定的函數(shù)去執(zhí)行 把過濾后的結(jié)果返回
var result = arr.filter(function(item , index , array){
return item > 2 ;
});
alert(result); //3,4,5,4,3
3.forEach :循環(huán)數(shù)組每一項的值 并執(zhí)行一個方法
arr.forEach(function(item, index, array){
alert(item); //1,2,3,4,5,4,3,2,1
});
4.map 對于數(shù)組的每一個元素進行一個函數(shù)的運行 可以經(jīng)過函數(shù)執(zhí)行完畢后 把新的結(jié)果返回
var result = arr.map(function(item, index, array){
return item*10;
});
alert(result); //10,20,30,40,50,40,30,20,10
5.some :對于數(shù)組每一個元素進行一個函數(shù)的運行 如果有一項返回true 最后則返回true 如果每一項都返回false最后結(jié)果則返回false
var result = arr.some(function(item, index, array){
return item >5 ;
});
alert(result); //false
reduce reduceRight
變量的起始位置不同
前一個值 , 當前值 , 索引位置 , array
var result = arr.reduce(function(prev , cur , index , array){
return prev + cur ;
});
alert(result) //25;
var result = arr.reduceRight(function(prev , cur , index , array){
return prev + cur ;
});
alert(result) //25;
以上這篇JavaScript_ECMA5數(shù)組新特性詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在javaScript中關于submit和button的區(qū)別介紹
submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕，所不同的是type屬性和處發(fā)響應的事件上2013-10-10
Javascript全局變量var與不var的區(qū)別深入解析
這篇文章主要介紹了Javascript全局變量var與不var的區(qū)別。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JavaScript中toString()方法的使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06
在前端開發(fā)中，我們會嘗試去定一些規(guī)則和約定，來讓項目質(zhì)量更高，更易于維護。而對于這些規(guī)則和約定，我們也會希望它內(nèi)容簡單，容易理解。下面小編來和大家一起學習一下2019-05-05
腳本之家網(wǎng)站為了方便大家快速的查看效果，只要大家運行一下代碼即可能看到效果。2010-05-05
這篇文章主要介紹了詳解JavaScript的while循環(huán)的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06
你不需要顯式地聲明一個prototype屬性，因為在每一個構(gòu)造函數(shù)中都有它的存在2014-05-05
網(wǎng)頁編輯器ckeditor和ckfinder配置步驟分享
ckeditor+ckfinder配置用法，現(xiàn)在ckeditor是互聯(lián)網(wǎng)上應用比較廣泛的網(wǎng)頁編輯器了，這里介紹下配置方法，需要的朋友可以參考下2012-05-05
這篇文章主要為大家詳細介紹了js對象和事件學習筆記，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素，請使用 querySelectorAll() 方法替代2016-12-12