JavaScript:forEach、map、箭頭函數、setTimeout、setInterval、filter、some、every 和 reduce

WBOY
發布: 2024-08-08 06:47:11
原創
192 人瀏覽過

JavaScript: forEach, map, Arrow Functions, setTimeout, setInterval, filter, some, every, and reduce

forEach方法

forEach 用於迭代數組。這是一個簡單的例子:

雷雷

現在讓我們將 forEach 與物件陣列一起使用:

雷雷

地圖

Map 使用對數組中每個元素呼叫回調的結果來建立一個新數組。

首先,讓我們迭代一個基本數組:

雷雷

現在,讓我們迭代一個物件數組:

雷雷

箭頭功能

我們可以寫如下箭頭函數來簡化語法:

雷雷

我們還可以重新訪問電影範例並使用箭頭函數:

雷雷

隱式回報

隱式傳回是編寫函數的另一種簡寫方式,一些範例包括:

雷雷

設定超時

x 毫秒後運行回呼

雷雷

設定間隔

每 x 毫秒重複回呼

雷雷

如果我們想讓回調最終停止,我們可以這樣做:

雷雷

過濾方式

Filter 建立一個新數組,其中包含在回調函數中傳回 true 的元素

雷雷

我們也可以過濾數組中的物件:

雷雷

一些和每一個

  • Some - 測試數組中的任何元素是否在回調函數中傳回 true。它傳回一個布林值
雷雷
  • Every - 測試數組中的所有元素是否在回調函數中傳回 true。它傳回一個布林值
雷雷

減少

  • reduce 回呼函數中的第一個(也是可能的唯一)參數。
    • 此函數的第一個參數是一個值,當我們迭代每個項目時,該值可能會改變。
    • 此函數中的第二個參數是數組索引中的值。
  • reduce 的可選第二個參數是我們希望回呼函數的第一個值開始的值。
雷雷

我們也可以使用物件陣列來做到這一點:

雷雷

我們也可以設定reducer的初始值:

雷雷

以上是JavaScript:forEach、map、箭頭函數、setTimeout、setInterval、filter、some、every 和 reduce的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!