" />

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中forEach的用法之forEach與for之間的區(qū)別

 更新時(shí)間：2022年03月29日 16:17:25   作者：南風(fēng)晚來(lái)晚相識(shí)  
這篇文章主要介紹了js中forEach的用法之forEach與for之間的區(qū)別，forEach() 調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)，下面更多詳細(xì)介紹需要的小伙伴可以參考一下

一、定義和用法

forEach() 調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)。

  • 注意: forEach() 對(duì)于空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。

用法：

array.forEach(function(currentValue, index, arr), thisValue)

1==> currentValue    必需。當(dāng)前元素
2==> index    可選。當(dāng)前元素的索引值,是數(shù)字類型的
3==> arr    可選。當(dāng)前元素所屬的數(shù)組對(duì)象
4==> 可選。傳遞給函數(shù)的值一般用 "this" 值。
如果這個(gè)參數(shù)為空， "undefined" 會(huì)傳遞給 "this" 值

forEach 的注意點(diǎn)：

  • forEach() 本身是不支持的 continue 與 break 語(yǔ)句的。
  • 我們可以通 return 語(yǔ)句實(shí)現(xiàn) continue 關(guān)鍵字的效果

二、運(yùn)用場(chǎng)景

1.運(yùn)用的場(chǎng)景(計(jì)算數(shù)字之和)

計(jì)算數(shù)組所有元素相加的總和：

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let sum = 0;
arr.forEach((currentIndex, index, curArr) => {
    sum += currentIndex
        // sum=sum+currentIndex
})
console.log('之和是', sum);

2.運(yùn)用的場(chǎng)景(給原始數(shù)組新增key值)

//給原始數(shù)組的每一項(xiàng)新增一個(gè)屬性值
let arr = [{
  id: '001',
  name: '張三1'
}, {
  id: '002',
  name: '張三2'
}, {
  id: '003',
  name: '張三2'
}];
//給原始數(shù)組的每一項(xiàng)新增一個(gè)屬性值
arr.forEach((item, index) => {
  item['addAttrs'] = ''
})
console.log('arr', arr);

--使用for of來(lái)出處理--
for (let item of arr) {
    item['index'] = ''
}
console.log('arr', arr);

三、forEach 跳出循環(huán)

1.forEach 跳出當(dāng)前的循環(huán) return

//內(nèi)容為3，不遍歷該項(xiàng)
var arr = [1, 2, 3];
arr.forEach(function(item) {
    if (item === 3) {
        return;
    }
    console.log(item);
});

2.forEach結(jié)合try跳出整個(gè)循環(huán)

  • 找到id為002，然后終止整個(gè)循環(huán),返回當(dāng)前這一項(xiàng)的值。
  • 使用try-catch完成的

代碼如下：

let arr = [{
  id: '001',
  name: '張三1'
}, {
  id: '002',
  name: '張三2'
}, {
  id: '003',
  name: '張三2'
}];

// 使用forEach跳出整個(gè)循環(huán)，使用rty-catch
function useForeach(Arr) {
  let obj = {}
  try {
    Arr.forEach(function(item) {
      if (item.id == '002') {
        // 找到目標(biāo)項(xiàng)，賦值。然后拋出異常
        obj = item
        throw new Error('return false')
      }
    });
  } catch (e) {
    // 返回id===002的這一項(xiàng)的數(shù)據(jù)
    return obj
  }
}
console.log(useForeach(arr))

3.forEach 與for循環(huán)的區(qū)別 【面試題】

1==> for可以用continue跳過(guò)當(dāng)前循環(huán)中的一個(gè)迭代，forEach 用continue會(huì)報(bào)錯(cuò)。但是可以使用return來(lái)跳出當(dāng)前的循環(huán)
2==> for可以使用break來(lái)跳出整個(gè)循環(huán)，forEach正常情況無(wú)法跳出整個(gè)循環(huán)。
如果面試官問(wèn):如果非要跳出forEach中的循環(huán)，可以拋出一個(gè)異常來(lái)處理

到此這篇關(guān)于js中forEach的用法之forEach與for之間的區(qū)別的文章就介紹到這了,更多相關(guān)js forEach與fo的區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論