当前位置 : 主页 > 网络编程 > JavaScript >

TypeScript遍历Array的方法(for,forEach,every)

来源:互联网 收集:自由互联 发布时间:2023-01-19
目录 一、for..of 方法 二、for..in 方法 三、for循环 四、forEach 五、every和some Typescript的官方文档 Iterators and Geneators 一、for..of 方法 这是最常用的方法,遍历的值是数组中的value值 let some
目录
  • 一、for..of 方法
  • 二、for..in 方法
  • 三、for循环
  • 四、forEach
  • 五、every和some

Typescript的官方文档 Iterators and Geneators

一、for..of 方法

这是最常用的方法,遍历的值是数组中的value值

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

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

二、for..in 方法

这个方法要注意和for..of的区别,for..in遍历的值是数组的索引

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"
}

三、for循环

for循环是标准的C风格语法

var numbers = [1, 2, 3];
for (var _i = 0; _i < numbers.length; _i++) {
    var num = numbers[_i];
    console.log(num);      // "1", "2", "3"
}

四、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
});

到此这篇关于TypeScript遍历Array的方法(for,forEach,every)的文章就介绍到这了,更多相关TypeScript遍历Array内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!

上一篇:TypeScript数组Array操作的常用方法
下一篇:没有了
网友评论