JavaScript Array 整理 - 遍歷操作

mengera88 發布于2019-08-21 10:25 / 406人閱讀

摘要：描述此函數用來遍歷數組的每一個元素，回調的返回值有意義，返回時，數組停止循環。問題一個數組最多可以有多長中規定，數組的長度會使用轉化，即。

這是我的原創文章，原文地址：http://lpgray.me/article/48/

今天談談基礎，在前端開發中，Array的基礎操作很是頻繁多見，在ES5中有許多Array的新特性，但是對于我等中國的碼農，尤其是PC前端狗整天就與IE678打交道，有事沒事就套一套jQuery，對原生的Array操作肯定特別生疏，我也一樣。在面試題中，對Array的操作也是熱門題目，今天我就整理整理最常用的Array方法。

先說說最常用的遍歷操作

分別是：

forEach

every

some

map

filter

以上5個函數接受的參數都一樣，分別是：

fn : function類型，接收3個參數：1，當前遍歷的值；2，當前下標；3，當前的數組對象

thisObj: 可選參數，指定fn函數的執行上下文

Array.prototype.forEach(fn, thisObj) 描述

此函數就是用來遍歷數組的每一個元素，然后在回調里進行各種操作，回調的返回值沒有意義。

return

Null

Array.prototype.every(fn, thisObj) 描述

此函數用來遍歷數組的每一個元素，回調的返回值有意義，返回false時，數組停止循環。

return

Boolean, 數組中所有元素是否全部滿足fn的條件。

Array.prototype.some(fn, thisObj) 描述

此函數用來遍歷數組的每一個元素，回調的返回值有意義，返回true時，數組停止循環。

return

Boolean, 數組中是否存在滿足fn條件的元素。

Array.prototype.map(fn, thisObj) 描述

此函數遍歷數組的每一個元素，不會改變原數組，fn回調的返回值會用來生成新數組中的元素。

return

Array，fn中每一個返回值都是新數組中的每一個元素。

Array.prototype.filter(fn, thisObj) 描述

此函數用來遍歷數組的每一個元素，不會改變原數組，fn回調必須返回Boolean類型，表示當前元素是否滿足條件可以被返回。

return

Array，fn中每返回一個值，即會添加到新數組中。

要點：forEach, every, some 三者、map、filter 兩者的區別需要特別注意。

問題：一個數組最多可以有多長？

ES5中規定 (http://es5.github.io/#x9.6)，數組的長度會使用 toUint32() 轉化，即 2^32。

GPU云服務器云服務器 javascript遍歷 javascript對象遍歷 javascript遍歷dom javascript遍歷list

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

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

JavaScript Array 整理 - 元素操作

摘要：此文章是我的原創文章，原文地址前篇整理了一些常用的遍歷操作方法，今天再整理一下對象中針對元素操作的方法。返回當前數組最后一個元素描述返回數組第一個元素，并從當前數組中刪除它。刪除的元素組成的數組此文章是我的原創文章，原文地址：http://lpgray.me/article/49/ 前篇整理了一些Array常用的遍歷操作方法，今天再整理一下Array對象中針對元素操作的方法。分別是...

phodal 2019-08-21 10:25 評論0 收藏0
Array 對象方法整理

摘要：對象方法數組創建與修改創建創建一個新數組實例將類數組類似數組的對象和可遍歷的對象轉為真正的數組。返回一個新的對象，該對象包含數組每個索引的值。遍歷鍵遍歷值遍歷鍵值對參考文檔標準庫對象 Array 對象方法數組創建與修改 1. 創建 var arr = []; var arr = new Array() Array.of(el1[,el2[...]]) //創建一個新數組實例 Ar...

IntMain 2019-08-20 17:20 評論0 收藏0
〔總結〕容易遺忘的JS知識點整理

摘要：命名函數的賦值表達式另外一個特殊的情況是將命名函數賦值給一個變量。這是由于的命名處理所致，函數名在函數內總是可見的。當需要向回調函數傳遞參數時，可以創建一個匿名函數，在函數內執行真實的回調函數。 1.hasOwnProperty相關為了判斷一個對象是否包含自定義屬性而不是原型鏈上的屬性，我們需要使用繼承自 Object.prototype 的 hasOwnProperty方法。has...

explorer_ddf 2019-08-22 11:18 評論0 收藏0
前端面經整理之JS和CSS

摘要：作為對象原型鏈的終點。調用函數時，應該提供的參數沒有提供，該參數等于。它可以用于引用該函數的函數體內當前正在執行的函數。一 JS 二 CSS 一 JS ==和===的區別 ===叫做嚴格運算符 ==叫做相等運算符嚴格運算符比較時不僅僅比較數值還要比較數據類型是否一樣相等運算符在比較相同類型的數據時，與嚴格相等運算符完全一樣。在比較不同類型的數據時，相等運算符會先將數據進行類型轉換，...

stonezhu 2019-08-21 17:34 評論0 收藏0
前端面經整理之JS和CSS

摘要：作為對象原型鏈的終點。調用函數時，應該提供的參數沒有提供，該參數等于。它可以用于引用該函數的函數體內當前正在執行的函數。一 JS 二 CSS 一 JS ==和===的區別 ===叫做嚴格運算符 ==叫做相等運算符嚴格運算符比較時不僅僅比較數值還要比較數據類型是否一樣相等運算符在比較相同類型的數據時，與嚴格相等運算符完全一樣。在比較不同類型的數據時，相等運算符會先將數據進行類型轉換，...

lvzishen 2019-08-29 13:48 評論0 收藏0