溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript中如何實(shí)現(xiàn)數(shù)組迭代

發(fā)布時(shí)間:2021-08-11 11:56:09 來源:億速云 閱讀:171 作者:小新 欄目:web開發(fā)

這篇文章主要為大家展示了“JavaScript中如何實(shí)現(xiàn)數(shù)組迭代”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JavaScript中如何實(shí)現(xiàn)數(shù)組迭代”這篇文章吧。

數(shù)組常用的迭代方法

ECMAScript5為數(shù)組定義了5個(gè)迭代方法。每個(gè)方法都接受兩個(gè)參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù)fn和(可選的)運(yùn)行該函數(shù)的作用域?qū)ο蟆绊?`this` 的值。

傳入這些方法中的函數(shù)(fn)會(huì)接收3個(gè)參數(shù):item 、index 、array; 如:

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

根據(jù)使用方法的不同,這個(gè)函數(shù)執(zhí)行后的返回值,可能會(huì)/不會(huì)影響方法中的返回值。

這5個(gè)迭代方法作用及返回值概覽如下:

ECMAScript5 Array元素迭代方法

方法名方法作用 返回值
every()針對(duì)數(shù)組中每一項(xiàng)元素運(yùn)行指定函數(shù)Boolean:若每一項(xiàng)都返回true,返回true;
filter()針對(duì)數(shù)組中每一項(xiàng)元素運(yùn)行指定函數(shù),Array:   返回函數(shù)運(yùn)行返回true的元素組成的新數(shù)組
forEach()針對(duì)數(shù)組中每一項(xiàng)元素運(yùn)行指定函數(shù)null:  無返回值
map()針對(duì)數(shù)組中每一項(xiàng)元素運(yùn)行指定函數(shù) Array:  返回函數(shù)運(yùn)行后,得到到新新元素組成的新數(shù)組
some()針對(duì)數(shù)組中每一項(xiàng)元素運(yùn)行指定函數(shù)Boolean: 若有任意一項(xiàng)執(zhí)行函數(shù)后返回true, 則返回true

簡單來說:

every() 、some() 方法適合用于對(duì)數(shù)組元素進(jìn)行條件判斷;

filter()  、map() 方法適合用于對(duì)數(shù)組進(jìn)行條件篩選/再處理;

forEach() 方法對(duì)不對(duì)數(shù)組本身做操作,僅僅對(duì)數(shù)組元素的二次應(yīng)用;

下面介紹下各個(gè)方法的使用栗子:

先來假設(shè)一個(gè)場(chǎng)景,你拿到了公司的本月工資清單,假設(shè)你的工資為9000;公司員工工資組成的數(shù)組為salaries=[8500,12000,9900,9000],

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

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

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

d.想把大家的工資都換成K為單位的數(shù)據(jù)

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中如何實(shí)現(xiàn)數(shù)組迭代”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI