TypeScript Array数组遍历的几种方法

定义遍历数组:

let persons = [
    { id: 1, name: '张三', age: 20 },
    { id: 2, name: '李四', age: 18 },
    { id: 3, name: '王五', age: 16 }
];

1、for循环

for (let i = 0; i < persons.length; i++) {
    console.log(persons[i]);
}

2、for…in循环

for (let index in persons) {
    console.log(index);
    console.log(persons[index]);
}

index:当前索引。
输出结果:

0
{ id: 1, name: '张三', age: 20 }
1
{ id: 2, name: '李四', age: 18 }
2
{ id: 3, name: '王五', age: 16 }

3、for…of循环

for (let person of persons) {
    console.log(person);
}

输出结果:

{ id: 1, name: '张三', age: 20 }
{ id: 2, name: '李四', age: 18 }
{ id: 3, name: '王五', age: 16 }

4、forEach循环

persons.forEach((value, index, array) => {
    console.log(value);
    console.log(index);
    console.log(array);
});

value:当前值。
index:当前索引。
array:数组。

输出结果:

{ id: 1, name: '张三', age: 20 }   
0
[
  { id: 1, name: '张三', age: 20 },
  { id: 2, name: '李四', age: 18 },
  { id: 3, name: '王五', age: 16 }
]
{ id: 2, name: '李四', age: 18 }
1
[
  { id: 1, name: '张三', age: 20 },
  { id: 2, name: '李四', age: 18 },
  { id: 3, name: '王五', age: 16 }
]
{ id: 3, name: '王五', age: 16 }
2
[
  { id: 1, name: '张三', age: 20 },
  { id: 2, name: '李四', age: 18 },
  { id: 3, name: '王五', age: 16 }
]
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值