JavaScript 中遍歷方法小結

flyer_dev 發布于2019-08-23 16:06 / 625人閱讀

摘要：遍歷方法小結常用的遍歷方法遍歷對數組的每個元素執行一次提供的函數創建一個新數組，其結果是該數組中的每個元素都調用一個提供的函數后返回的結果遍歷大家都熟悉，所以重點講一下與的區別相同點回調函數參數相同，都自帶三個屬性均不會修改原數組第二參數的

遍歷方法小結 常用的遍歷方法

for 遍歷

forEach（對數組的每個元素執行一次提供的函數）

map（創建一個新數組，其結果是該數組中的每個元素都調用一個提供的函數后返回的結果）

for 遍歷大家都熟悉，所以重點講一下forEach 與 map 的區別

相同點：

回調函數參數相同，都自帶三個屬性：item / index / array

均不會修改原數組

第二參數this的指向均指向window（可是使用箭頭函數進行修改）

只能遍歷數組

都不能使用循環跳出語句 break & continue

不同點：

forEach

返回值為undefined

map

返回值為一個新的數組

可以鏈式調用

  // 鏈式調用
  var str = "abcde";
  // 使用call在字符類型中使用map方法
  Array.prototype.map.call(str, function(x) {   
    return x;
  }).reverse().join("");
  // edcba

其他遍歷方法

filter (創建一個新數組, 其包含通過所提供函數實現的測試的所有元素)

find (返回數組中滿足提供的測試函數的第一個元素的值。否則返回 undefined)

every (測試數組的所有元素是否都通過了指定函數的測試)

some (測試是否至少有一個元素通過由提供的函數實現的測試)

【Attention】 
filter 將遍歷所有的元素 
find & some & every 屬于「條件中斷」遍歷（即當元素滿足某一條件是返回boolean） 
四個方法都不會對原數組進行修改

ES5 中的for...in 遍歷

常用于對象key值的遍歷

ES6 引入的遍歷方法

for...of 遍歷

[ 前置知識：for...of 可對具有iterator接口的數據結構進行遍歷 ]

原生具有iterator接口的數據結構如下：

Array

Set

Map

String

TypedArray

NodeList 對象

函數的arguments 對象

keys( ) / values( ) / entries( )

常用來遍歷對象、數組、set、map結構

【番外】

改變原數組的方法
pop、push、reverse、shift、sort、splice、unshift

不會改變原數組的方法
concat、join、slice、toString、toLocaleString、indexOf、lastIndexOf

GPU云服務器云服務器 javascript學習小結遍歷方法 javascript遍歷遍歷MAP方法

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

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

JavaScript中常用的設計模式

摘要：本文已同步到中常見的設計模式如果感覺寫的還可以，就給個小星星吧，歡迎和收藏。本文中關于各種設計模式定義都是引用書中的，部分引用自百度百科已標出。下面把我整理出的常用設計模式按類型做個表格整理。本文已同步到Github JavaScript中常見的設計模式,如果感覺寫的還可以，就給個小星星吧，歡迎star和收藏。最近拜讀了曾探大神的《JavaScript設計模式與開發實踐》，真是醍醐...

NSFish 2019-08-23 14:32 評論0 收藏0
高性能JavaScript（文檔）

摘要：最近在全力整理高性能的文檔，并重新學習一遍，放在這里方便大家查看并找到自己需要的知識點。最近在全力整理《高性能JavaScript》的文檔，并重新學習一遍，放在這里方便大家查看并找到自己需要的知識點。前端開發文檔高性能JavaScript 第1章：加載和執行腳本位置阻止腳本無阻塞的腳本延遲的腳本動態腳本元素 XMLHTTPRequest腳本注入推薦的無阻塞模式...

RayKr 2019-08-22 18:32 評論0 收藏0
高性能javascript小結

摘要：高性能小結文章轉載于我的博客最近看完了動物叢書的高性能，覺得那本書的小結部分寫得非常不錯，簡潔輕快易懂概括性很強。由于局部變量存在于作用域鏈的起始位置，因此訪問局部變量比訪問跨作用域變量更快。高性能javascript小結文章轉載于我的CSDN博客：http://blog.csdn.net/hello_world_20/article/details/46793317 最近看完了動...

wujl596 2019-08-21 10:44 評論0 收藏0
JavaScript標準庫系列——Object對象和Array對象（一）

摘要：目錄導語對象對象小結導語本系列文章將重點講解提供的原生庫標準庫，只要在支持語言的平臺，標準庫中的提供的對象的屬性和方法都能使用對象對象的理解講的標準庫，首先要從對象談起，因為之后的所有對象都可以看做是對象構造出來的因此，對象可以看做是一個構目錄導語 1. Object對象 2. Array對象 3. 小結導語本系列文章將重點講解JavaScript提供的原生庫——標準庫，只要...

Scholer 2019-08-21 11:25 評論0 收藏0
【讀書筆記】《高性能JavaScript》

摘要：性能訪問字面量和局部變量的速度是最快的，訪問數組和對象成員相對較慢變量標識符解析過程搜索執行環境的作用域鏈，查找同名標識符。建議將全局變量存儲到局部變量，加快讀寫速度。優化建議將常用的跨作用域變量存儲到局部變量，然后直接訪問局部變量。缺陷這本書是2010年出版的，這本書談性能是有時效性的，現在馬上就2018年了，這幾年前端發展的速度是飛快的，書里面還有一些內容考慮IE6、7、8的東...

chengjianhua 2019-08-22 13:51 評論0 收藏0