获取数组 Angular 的键 - TypeScript

在 Angular 应用程序中，我们经常需要使用数组，并且需要获取数组中的键（即下标）。在 TypeScript 中获取数组的键方法如下：

const array = ['foo', 'bar', 'baz'];
const keys = Object.keys(array); // ['0', '1', '2']

上述代码使用 Object.keys() 函数获取了数组 array 的键，并返回一个包含键的数组。

但是，由于数组的键默认是按顺序分配的整数，因此我们还可以使用 Array.from() 函数获取键：

const array = ['foo', 'bar', 'baz'];
const keys = Array.from(array.keys()); // [0, 1, 2]

上述代码使用了 array.keys() 函数获取数组的键，返回一个迭代器，然后使用 Array.from() 函数将迭代器转换为数组。

在 Angular 中，我们经常需要使用 *ngFor 指令来循环遍历数组，并且需要获取数组的键。以下是一个使用 *ngFor 指令和 Object.keys() 函数来遍历数组的示例：

<ul>
  <li *ngFor="let item of items; let i = index">
    {{ i }}: {{ item }}
  </li>
</ul>

在上述示例中，通过 let i = index 语法，我们可以将数组的键赋值给变量 i，并在模板中使用它。第一项的 i 值为 0，第二项的 i 值为 1，以此类推。

总结：

获取数组 Angular 的键有两个常用的方法：Object.keys() 函数和 Array.from() 函数。在 Angular 中，我们可以使用 *ngFor 指令和 index 变量来循环遍历数组并获取键。