TypeScript键值循环

在TypeScript中，我们有多种方法来循环遍历数组或对象的各个键值。在本文中，我们将探讨这些方法，并提供用例。

循环遍历数组

for循环

使用for循环是最早也是最常见的循环遍历数组的方法。以下是一个使用for循环遍历数组的示例：

const arr = [1, 2, 3, 4, 5];

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

forEach方法

使用forEach方法是循环遍历数组的另一种方法。它可以更简洁地描述您要执行的操作。以下是一个使用forEach方法遍历数组的示例：

const arr = [1, 2, 3, 4, 5];

arr.forEach((element) => {
    console.log(element);
})

for...of循环

使用for...of循环可以更简洁地遍历数组中的每个元素。以下是一个使用for...of循环遍历数组的示例：

const arr = [1, 2, 3, 4, 5];

for (const element of arr) {
    console.log(element);
}

循环遍历对象

for...in循环

使用for...in循环可以循环遍历对象的每个键。以下是一个使用for...in循环遍历对象的示例：

const obj = {
    name: 'John',
    age: 35,
    gender: 'male'
};

for (const key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
        console.log(`${key}: ${obj[key]}`);
    }
}

Object.keys方法

使用Object.keys方法可以获取对象的所有键，然后使用forEach方法循环遍历键。以下是一个使用Object.keys方法遍历对象的示例：

const obj = {
    name: 'John',
    age: 35,
    gender: 'male'
};

Object.keys(obj).forEach((key) => {
    console.log(`${key}: ${obj[key]}`);
})

Object.entries方法

使用Object.entries方法可以将对象转换为键/值对数组，然后可以使用forEach方法循环遍历每个键/值对。以下是一个使用Object.entries方法遍历对象的示例：

const obj = {
    name: 'John',
    age: 35,
    gender: 'male'
};

Object.entries(obj).forEach(([key, value]) => {
    console.log(`${key}: ${value}`);
})

结论

我们有多种方法可以循环遍历数组或对象的各个键值。对于不同的需求，我们可以使用适当的方法。在本文中，我们已经了解了这些方法，希望这些示例可以帮助您更好地理解它们。