JavaScript中如何實現數組迭代

這篇文章主要為大家展示了“JavaScript中如何實現數組迭代”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JavaScript中如何實現數組迭代”這篇文章吧。

數組常用的迭代方法

ECMAScript5為數組定義了5個迭代方法。每個方法都接受兩個參數：要在每一項上運行的函數fn和（可選的）運行該函數的作用域對象——影響 `this` 的值。

傳入這些方法中的函數(fn)會接收3個參數：item 、index 、array; 如:

array.forEach(function(item,index,array){
  //do your staff here;
},this)

根據使用方法的不同，這個函數執行后的返回值，可能會/不會影響方法中的返回值。

這5個迭代方法作用及返回值概覽如下：

ECMAScript5 Array元素迭代方法

簡單來說：

every() 、some() 方法適合用于對數組元素進行條件判斷；

filter()  、map() 方法適合用于對數組進行條件篩選/再處理；

forEach() 方法對不對數組本身做操作，僅僅對數組元素的二次應用；

下面介紹下各個方法的使用栗子：

先來假設一個場景，你拿到了公司的本月工資清單，假設你的工資為9000；公司員工工資組成的數組為salaries=[8500,12000,9900,9000],

a. 想知道 你的工資是不是最低的;

b.想知道 有沒有人和你工資一樣多；

c.想知道  是不是所有人待遇都一樣；

d.想把大家的工資都換成K為單位的數據

var a,b,c;
var your=9000;
var salaries=[8500,12000,9900,9000];
 a=slaries.some(function(item,index,array){
  return item<9000
});
console.log(a);//true;恭喜你，還有人比你工資更低
b=salaries.filter(function(item,index,array){
  return item== your;
})
console.log(b);//[9000] 呵呵，有人跟你待遇一樣
c=salaries.every(function(item,index,array){
  return item==your; 
});
console.log(c);//false .不是所有人都和你一樣待遇哦
d=salaries.map(function(item,index,array){
  return item/1000 
});
console.log(d);//[8.5,12,9.9,9]

以上是“JavaScript中如何實現數組迭代”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！