zoukankan      html  css  js  c++  java
  • Typescript : 遍历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…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
    });
  • 相关阅读:
    HTML技巧: 语义化你的代码
    css sprite
    Redis主从复制原理
    idea修改快捷键
    Ubuntu14.20 安装docker,创建centos6.7容器,并访问centos容器
    [转]SQL 中 with as 的用法
    ftp与sftp及sftp和scp的区别
    Linux top 命令
    Linux free 命令
    ubuntu 源方式 安装jdk
  • 原文地址:https://www.cnblogs.com/brainworld/p/7078401.html
Copyright © 2011-2022 走看看