TypeScript forEach

forEach是JavaScript中的一个常用方法，其作用是遍历数组中的元素并对每个元素执行特定的操作。在TypeScript中也可以使用forEach方法，它原理与JavaScript中的方法相同。

语法

array.forEach(callback: (value: T, index: number, array: T[]) => void, thisArg?: any): void

可以看到，forEach方法接受两个参数，第一个参数callback是在每个元素上执行的函数，第二个参数thisArg是可选的，它用于指定callback函数中this的值。callback函数接受三个参数：当前处理的元素的值、元素在数组中的索引和数组本身。

示例

下面是一个简单的示例，在这个示例中，forEach方法将对数组中的每个元素进行平方操作。

const numbers: number[] = [1, 2, 3];
numbers.forEach((num: number) => {
    console.log(num ** 2);
});

输出结果：

1
4
9

在上面的代码中，我们首先创建了一个名为numbers的数字数组。然后，我们使用forEach方法来遍历数组中的每个数字并将其平方。在callback函数中，我们使用console.log来将每个数字的平方打印到控制台上。

thisArg参数

下面是一个带有thisArg参数的示例。在这个示例中，我们使用thisArg参数将函数的this值设置为calculator对象。

const calculator = {
    base: 2,
    numbers: [1, 2, 3],
    calculate: function () {
        this.numbers.forEach(function (num) {
            console.log(num * this.base);
        }, this);
    }
}
calculator.calculate();

输出结果：

2
4
6

在上面的代码中，我们首先定义了一个名为calculator的对象，该对象包含一个数字数组numbers和一个calculate方法。在calculate方法中，我们使用this.numbers.forEach来遍历数字数组中的每个数字，并将其乘以对象中的base属性值。在forEach方法中，我们使用this参数将函数的this值设置为calculator对象。

这就是TypeScript中的forEach方法的用法，它与JavaScript中的方法非常相似，只是在类型声明方面更加严格。