JavaScript_ECMA5數組新特性詳解
來源:易賢網 閱讀:1697 次 日期:2016-06-20 14:37:40
溫馨提示:易賢網小編為您整理了“JavaScript_ECMA5數組新特性詳解”,方便廣大網友查閱!

下面小編就為大家?guī)硪黄狫avaScript_ECMA5數組新特性詳解。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。

var arr = [ 1, 2, 3, 4, 5, 4, 3, 2, 1 ];

新加位置的方法: indexOf lastIndexOf

1. 1個參數的時候表示傳值 返回索引位置(index從0開始)

var index = arr.indexOf(4);

alert(index); //3

2. 2個參數的時候 第一個參數表示起始位置 第二個參數還是值

var index = arr.indexOf(4,4);

alert(index); //5

3.他們查找數組比較的時候 '==='

lastIndexOf

var index = arr.lastIndexOf(2);

alert(index); //7

5個新加迭代的方法:

1.every :對于數組每一個元素進行一個函數的運行 如果都返回true 最后則返回true 如果有一個返回false最后結果則返回false

var result = arr.every(function(item , index , array){

  return item >= 1 ;

  });

alert(result); //true

2.filter :對于數組的每一個元素進行一個函數的運行 給定的函數去執(zhí)行 把過濾后的結果返回

var result = arr.filter(function(item , index , array){

return item > 2 ;

});

alert(result); //3,4,5,4,3

3.forEach :循環(huán)數組每一項的值 并執(zhí)行一個方法

arr.forEach(function(item, index, array){

  alert(item); //1,2,3,4,5,4,3,2,1

});

4.map 對于數組的每一個元素進行一個函數的運行 可以經過函數執(zhí)行完畢后 把新的結果返回

var result = arr.map(function(item, index, array){

  return item*10;

});

alert(result); //10,20,30,40,50,40,30,20,10

5.some :對于數組每一個元素進行一個函數的運行 如果有一項返回true 最后則返回true 如果每一項都返回false最后結果則返回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數組新特性詳解就是小編分享給大家的全部內容了,希望能給大家一個參考

更多信息請查看網絡編程
易賢網手機網站地址:JavaScript_ECMA5數組新特性詳解
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網