[angular]遍历Array的方法:for, forEach, every等

方法一,for…of
这个貌似是最常用的方法,angular 2中HTML语法绑定也是要的这种语法。

let someArray = [1, "string", false];

for (let entry of someArray) {
    console.log(entry); // 1, "string", false
}

方法二,for循环
for循环其实是标准的C风格语法。

let someArray = [1, "string", false];

for (var i = 0; i < someArray.length; i ++) {
    console.log(someArray[i]); // 1, "string", false
}

方法三, for…in
官方文档上强调了for…in和for…of的区别:

let list = [4, 5, 6];

for (let i in list) {
   console.log(i); // "0", "1", "2",
}

for (let i of list) {
   console.log(i); // "4", "5", "6"
}

方法三,forEach
forEach其实是JavaScript的循环语法,TypeScript作为JavaScript的语法超集,当然默认也是支持的。

let list = [4, 5, 6];
list.forEach((val, idx, array) => {
    // val: 当前值
    // idx:当前index
    // array: Array
});

方法四,every和some
every和some也都是JavaScript的循环语法,TypeScript作为JavaScript的语法超集,当然默认也是支持的。因为forEach在iteration中是无法返回的,所以可以使用every和some来取代forEach。

let list = [4, 5, 6];
list.every((val, idx, array) => {
    // val: 当前值
    // idx:当前index
    // array: Array
    return true; // Continues
    // Return false will quit the iteration
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 丢人丢到家了 额/知识结构和内容不熟悉/发音不准确/小问题太多了/慢一点稳一点
    像风收住了劲儿阅读 130评论 0 0
  • “大道不二”就是说真正究竟圆满的真理是一致的。医家言天人合一,道家说天地同体,佛家谈破无明、证法身。《金刚经》云:...
    明树阅读 857评论 0 0
  • 作者:美丽 韵味 渲染了她的世界 是一种雅致 诉说着风华雅趣 。 行走 犹如描述诗词歌赋 旗袍女人 如四季花城 锦...
    雪花琵琶阅读 563评论 5 5