js遍历详解(forEach, map, for, for...in, for...of)
程序员文章站
2023-11-04 20:59:34
foreach
es5出来的方法,这是我在react中用的最多的遍历方法之一,用法如下:
models.foreach(model => app.mo...
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; } }
以上就是本次介绍的全部知识点内容,感谢大家对的支持。
上一篇: java实现简易局域网聊天功能
下一篇: 微信小程序模板消息推送的两种实现方式
推荐阅读
-
js遍历详解(forEach, map, for, for...in, for...of)
-
JavaScript遍历数组的三种方法map、forEach与filter实例详解
-
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
-
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
-
详解vue数组遍历方法forEach和map的原理解析和实际应用
-
js对比for、forEach、map遍历数组速度
-
js数组中的find(), findIndex(), filter(), forEach(), some(), every(), map(), reduce()方法的详解和应用实例
-
JS中for,for...in,for...of和forEach的区别和用法实例
-
js数组遍历forEach()与map()的方法教程
-
JavaScript遍历数组的三种方法map、forEach与filter实例详解