轻松理解不使用Index作为Key的原因

使用索引键作为key可能会导致以下问题：

• 难以维护：当我们需要在数组或对象中添加或删除元素时，使用索引键作为key可能会导致代码难以维护。例如，如果我们需要在数组中添加一个元素，我们必须更新所有后续元素的索引键。
• 性能问题：在大型数组或对象中使用索引键作为key可能会导致性能问题。例如，如果我们需要在数组中查找一个元素，我们必须遍历整个数组。
• 安全问题：在某些情况下，使用索引键作为key可能会导致安全问题。例如，如果我们使用用户输入作为索引键，攻击者可能会利用此漏洞来访问数组或对象中的敏感数据。

因此，在大多数情况下，我们应该避免使用索引键作为key。我们可以使用其他方法来标识数组或对象中的元素，例如，我们可以使用唯一ID或名称作为key。

以下是两个使用索引键作为key的示例：

// 示例 1
const array = [1, 2, 3];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

// 示例 2
const object = {
  0: 'John',
  1: 'Mary',
  2: 'Bob'
};
for (let i in object) {
  console.log(object[i]);
}

在示例1中，我们使用索引键作为key来遍历数组。在示例2中，我们使用索引键作为key来遍历对象。

这两个示例都不会报错，但是一旦我们对遍历好的item项再做操作，结果与我们想象的将会大不相同。

例如，如果我们想在数组中添加一个元素，我们必须更新所有后续元素的索引键。这是因为数组中的元素是通过索引键来访问的。如果我们不更新索引键，那么我们无法访问新添加的元素。

// 示例 3
const array = [1, 2, 3];
array[3] = 4;
console.log(array);

在示例3中，我们向数组中添加了一个元素。但是，由于我们没有更新后续元素的索引键，因此我们无法访问新添加的元素。

同样，如果我们想在对象中添加一个元素，我们必须更新所有后续元素的索引键。这是因为对象中的元素也是通过索引键来访问的。如果我们不更新索引键，那么我们无法访问新添加的元素。

// 示例 4
const object = {
  0: 'John',
  1: 'Mary',
  2: 'Bob'
};
object[3] = 'Alice';
console.log(object);

在示例4中，我们向对象中添加了一个元素。但是，由于我们没有更新后续元素的索引键，因此我们无法访问新添加的元素。

因此，在大多数情况下，我们应该避免使用索引键作为key。我们可以使用其他方法来标识数组或对象中的元素，例如，我们可以使用唯一ID或名称作为key。