數(shù)組遍歷方式

senntyou 發(fā)布于2019-08-23 11:58 / 3349人閱讀

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

1. for循環(huán)

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為數(shù)組每個項， index為索引

3. some

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

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

4. every

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

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

5. map

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

map: 循環(huán)遍歷每一項，所返回的值是新數(shù)組的新項數(shù)值，原數(shù)組不會改變

6. filter

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

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

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: 循環(huán)遍歷每一項，如果找到符合條件的項，便返回這個項，后面便不再遍歷了。如果沒有則返回undefined

9. findIndex

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

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

10. reduce

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

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

云服務器 GPU云服務器數(shù)組遍歷遍歷數(shù)組遍歷篩選數(shù)組遍歷二維數(shù)組

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

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

JavaScript：遍歷

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

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

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

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

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

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

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

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

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

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

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

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