數組遍歷方式

senntyou 發布于2019-08-23 11:58 / 3289人閱讀

摘要：循環為數組每個項，為索引循環遍歷每一項，如果找到符合條件項，后面便不再遍歷了。如果沒有則返回為初始值，為當前項。

1. for循環

const arr = [0, 1, 2, 3];
for (let i = 0;  i  <  arr.length;  i++) {
    console.log(arr[i]);
}

2. forEach

const arr = [0, 1, 2, 3];
arr.forEach((item,  index) => console.log(item,  index));

item為數組每個項， index為索引

3. some

const arr = [0, 1, 2, 3];
arr.some((item,  index) => item === 2);

some: 循環遍歷每一項，如果找到符合條件項，后面便不再遍歷了。

4. every

const arr = [0, 1, 2, 3];
arr.every((item,  index) => item > 2);

every: 循環遍歷每一項，如果找到不符合條件的項，后面便不再遍歷了。

5. map

const arr = [0, 1, 2, 3];
const mapArr = arr.map((item,  index) => ({i: item}));

map: 循環遍歷每一項，所返回的值是新數組的新項數值，原數組不會改變

6. filter

const arr = [0, 1, 2, 3];
const mapArr = arr.filter((item,  index) => item < 2);

filter: 以數組形式篩選出符合條件的項，如沒有符合的，返回空數組 []

7. for of

const arr = [0, 1, 2, 3];
for  (let v of arr)  {
    console.log(v);
}

8. find

const arr = [0, 1, 2, 3];
arr.find(item => item > 2);

find: 循環遍歷每一項，如果找到符合條件的項，便返回這個項，后面便不再遍歷了。如果沒有則返回undefined

9. findIndex

const arr = [0, 1, 2, 3];
arr.findIndex(item => item > 2);

findIndex: 循環遍歷每一項，如果找到符合條件的項，便返回這個項的索引，后面便不再遍歷了。如果沒有則返回 -1

10. reduce

const arr = [0, 1, 2, 3];
const result = arr.reduce((total,  item) => total + item);

total為初始值， item為當前項。

GPU云服務器云服務器數組遍歷遍歷數組遍歷篩選數組遍歷二維數組

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97779.html

JavaScript：遍歷

摘要：中可以實現遍歷的數據類型主要是對象，其中包括普通對象與數組。遍歷器是一種接口，為各種不同的數據結構提供統一的訪問機制。實例五遍歷器對象實例五是的遍歷過程，通過手動調用其對象的方法實現信息獲取。為每個數組元素執行函數。前言 ??將依據自身痛點學習，計劃對原生JavaScript寫一個系統，本文為第一篇，感興趣的同學可以關注個人公眾號：ZeroToOneMe，或者github博客，將持續...

ThinkSNS 2019-08-23 17:51 評論0 收藏0
Js之淺拷貝深拷貝與對象數組的遍歷

摘要：判斷是深拷貝對象還是數組如果要拷貝的對象的屬性依然是個復合類型，遞歸運用遞歸，當要拷貝的對象或者數組的屬性依然是個對象或者數組時，遞歸調用。遍歷對象聊完了深拷貝和淺拷貝，接下來說一下遍歷。在js這門語言中，數據存放在堆中，而數據的引用的存放在棧中。淺拷貝我們說的淺拷貝，指的是，引用地址的拷貝，棧中兩塊不同的引用地址都指向了堆中同樣一塊區域。所以，我們通過一個地址修改了堆中的數據，...

liangzai_cool 2019-08-22 14:59 評論0 收藏0
JavaScript 之核心語法 [ 數組 ]

摘要：數組描述表示可以儲存一個或多個數據值的有序集合數組中儲存的數據中可以稱為元素數組中可以儲存任何類型的數據語法字面量方式數組名稱元素，元素，構造函數方式數組名稱元素元素函數方式數組名稱元素元素長度表示數組的長度數組中儲存元素的個數當使用數組描述表示可以儲存一個或多個數據值的有序集合數組中儲存的數據中可以稱為元素數組中可以儲存任何類型的數據語法字面量方式 - var 數...

mumumu 2019-08-23 10:53 評論0 收藏0
php數組原理遍歷原理揭秘

摘要：數組原理遍歷原理揭秘數組原理遍歷原理揭秘可見，數組其實已經改變了，但是遍歷出來的并沒有增加的哪一項。此時，我們也可以輸出一下當前指針位置數組原理遍歷原理揭秘數組原理遍歷原理揭秘數組指針停留在了位置上。 php中的中的數組跟js里面數組是不大一樣的。php中數組的下標可以整數也可以是字符串，而且數組中元素的順序不是由下標決定的，而是由添加元素的順序。數組基礎 $arr1 = array(...

wanghui 2019-06-27 15:35 評論0 收藏0
JavaScript數組

摘要：與稀疏數組對立的為密集數組，密集數組的索引會被持續的創建，并且其元素的數量等于其長度。創建一個長度為的數組，并初始化了個元素使用構造函數創建數組對象的時候，關鍵字是可以省略的。另外使用和刪除元素是影響數組的長度的。說明：本文只總結了JavaScript數組在web端的行為，不包括NodeJs端的行為。本文不涉及類型化數組（TypedArray）的討論、總結。一、什么是數組數組的定...

HtmlCssJs 2019-08-23 10:23 評論0 收藏0
遍歷PHP數組的6種方式

摘要：遍歷完成后返回一個新的數組你可以同時處理多個數組你好嗎原罪你好嗎原罪是的，遍歷的次數以最長的數組為準。假如你處理的是二維數組，處理方式也是萬變不離其宗的。在PHP的日常操作中，數組是最常出現的結構，而我們幾乎每天都在處理數組相關的內容。那么問題來了，你一般怎么遍歷并處理數組。 1、foreach 很熟悉吧，是不是你的最愛？ $arr = [a, b, c]; foreach ($a...

awkj 2019-07-01 10:04 評論0 收藏0