国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js遍歷詳解(forEach, map, for, for...in, for...of)

2019-11-19 10:57:05
字體:
來源:轉載
供稿:網友

forEach

es5出來的方法,這是我在react中用的最多的遍歷方法之一,用法如下:

models.forEach(model => app.model(model));

dva里面經常這么寫。

寫法很簡單,經常用于通過這個數組內的數據創造新的結構,但是forEach的問題在于它不能跳出循環。

map

也是用的最多的方法之一,用法如下

{data.map(d => (     <div className="balance-row">      <div className="balance-col currency">{d.currency.toUpperCase()}</div>      <div className="balance-col balance">       <div>        <FormattedNumber value={d.balance} />       </div>       <div className="light-text lock">        <i className="icon anticon icon-lock" /><FormattedNumber value={d.locked} />       </div>      </div>     </div>    ))}

react 里面經常這么寫。

const value = [1, 22, 4, 5].map(d => d + 1);value; // [2, 23, 5, 6]

用于改變一個數組內容,相當于改變了原數組

for ... in

for (let prop in obj) { if (obj.hasOwnProperty(prop)) {  // 繼續操作prop和obj }}

for ... in也可以用于遍歷數組,但是不推薦

for ... of

ES6中加了一個新的遍歷方式,主要是用來彌補forEach 和 for...in的短板,它還可以遍歷字符串、map對象、set對象、generator對象。

注意:它只能遍歷帶有iterable屬性的對象,所以不能遍歷對象,除非刻意給object加上一個iterable屬性。
這個老厲害了!

Map

let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]); for (let [key, value] of iterable) { console.log(value);}// 1// 2// 3 for (let key of iterable) { console.log(key);}// [a, 1]// [b, 2]// [c, 3]

Set

let iterable = new Set([1, 1, 2, 2, 3, 3]); for (let value of iterable) { console.log(value);}// 1// 2// 3

Generator

function * fibonacci() { // a generator function let [prev, curr] = [0, 1]; while (true) {  [prev, curr] = [curr, prev + curr];  yield curr; }} for (let n of fibonacci()) { console.log(n); // truncate the sequence at 1000 if (n >= 1000) {  break; }}

以上就是本次介紹的全部知識點內容,感謝大家對武林網的支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 册亨县| 黎城县| 富民县| 贞丰县| 阿拉善盟| 沙坪坝区| 牙克石市| 和田市| 吉林市| 嘉义县| 梓潼县| 华安县| 涪陵区| 缙云县| 杨浦区| 闵行区| 固原市| 鄂州市| 锡林郭勒盟| 柞水县| 通化市| 清流县| 香格里拉县| 甘德县| 读书| 安溪县| 瑞昌市| 雷波县| 库尔勒市| 突泉县| 西乌珠穆沁旗| 教育| 武隆县| 井研县| 习水县| 宿州市| 宁南县| 乌鲁木齐市| 海宁市| 古田县| 京山县|