typescript 遍历

在 TypeScript 中，可以使用 for...of 循环来遍历数组、字符串、Set、Map 等可迭代对象。示例代码如下：

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

const str = 'hello';
for (const char of str) {
  console.log(char);
}

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

const map = new Map([['a', 1], ['b', 2], ['c', 3]]);
for (const [key, value] of map) {
  console.log(key, value);
}

相关问题

typescript 遍历数组

在 TypeScript 中，遍历数组是非常常见的操作，通常我们使用 `for` 循环、`forEach()` 方法或扩展运算符 `...` 结合 Array.from() 或 map() 等函数来完成。这里我会提供三种常用的方式：

1. **使用 for 循环**:

let array: number[] = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

2. **使用 forEach() 方法**:

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

3. **使用扩展运算符和 map() 函数**:

const newArray = [...array].map((value) => value * 2); // 新数组中元素为原数组元素的两倍
newArray.forEach((value) => console.log(value));

typeScript 遍历类的所有属性

您可以使用 TypeScript 中的反射机制来遍历一个类的所有属性，具体步骤如下：

1. 定义一个类型为 `object` 的变量，用于存储类的实例对象。
2. 使用 `Object.keys()` 方法获取类实例对象的所有属性名。
3. 遍历属性名数组，使用 `Reflect.get()` 方法获取属性值。

以下是示例代码：

class Person {
  name: string;
  age: number;
  gender: string;

  constructor(name: string, age: number, gender: string) {
    this.name = name;
    this.age = age;
    this.gender = gender;
  }
}

const person = new Person('张三', 18, '男');

// 遍历 Person 类的所有属性
const props = Object.keys(person);
for (const prop of props) {
  const value = Reflect.get(person, prop);
  console.log(`${prop}: ${value}`);
}

输出结果为：

name: 张三
age: 18
gender: 男