JavaScript 数组遍历
原文链接
《JavaScript 数组遍历》
参考
For-each over an array in JavaScript?
Why is 'for(var item in list)' with arrays considered bad practice in JavaScript?
forEach and runtime cost
开始遍历
多种选择:
for
for-in
forEach 以及相关的(ES5+)
for of(ES6+)
使用迭代器(ES6+)
先声明并初始化一个数组对象吧:var a = ["a", "b", "c"];
使用 for 循环
for (let i = a.length; i--; ) { console.log(a[i]);}
使用 for-in (不推荐)
for (let i in a) { console.log(a[i]);}
forEach 以及相关的
a.forEach((e, i, a) => console.log(`element:${e}, index:${i}, array:${a}`));
a.map(n => console.log(n));
使用 for-of
for (val of a) { console.log(val);}
使用迭代器
for (let entry, itr = a[Symbol.iterator](); !(entry = itr.next()).done; ) { console.log(entry.value);}
比较上述遍历方式
for 这是最稳妥的遍历方式,浏览器都支持
for-in 不推荐,两个原因:不能保证遍历的顺序是预期的;遍历可能会带出不是预期的属性的值
forEach() 非常好用的遍历方式,ES5+,如果担心运行时资源消耗的问题,可以看看forEach and runtime cost。缺陷是不能使用 break
map() ES5+,适用于“链式”场景,如 a.map(i => {return i + i;}).sort();,很有b格
for-of ES6+,适用于全部元素的遍历,缺陷是不知道 index
迭代器,ES6 新特性,大家可以慢慢玩
EOF
关键字:JavaScript
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!