迹忆客 专注技术分享

要检查数组索引是否存在，请访问特定索引处的数组并检查结果是否不等于 undefined。 如果结果不等于 undefined，则数组索引存在。

const arr = ['a', 'b'];

if (arr[3] !== undefined) {
  // 👉️ index 3 exists in the array
}

基于 JavaScript 的索引为 0。

我们访问索引为 3 的数组并检查结果是否不等于 undefined。

由于数组只有 2 个元素，数组中的最后一个索引为 1。因此，条件永远不会满足，if 块不会运行。

或者，我们可以检查数组的长度。

使用 length 属性检查数组索引是否存在，例如 if (arr.length > 5) {}。 如果数组的长度大于 N，则索引 N 保证存在于数组中。

const arr = ['a', 'b'];

if (arr.length > 5) {
  // 👉️ index 5 exists in the array
}

我们检查数组的长度是否大于 5。如果数组的长度大于 5，则保证索引 5 存在于数组中。

JavaScript 中的索引从零开始，因此数组中的最后一个索引等于 array.length - 1。

如果数组的长度为 10，则其最后一个索引为 10 - 1 = 9。

检查数组索引是否存在的更新方法是使用可选链接。

使用可选的链接运算符检查数组索引是否存在，例如 const firstIndex = arr?.[1]。 如果索引存在，可选的链接运算符将返回数组元素，否则返回未定义。

const arr = ['a', 'b'];

const firstIndex = arr?.[1];
console.log(firstIndex); // 👉️ b

if (firstIndex !== undefined) {
  // 👉️ index 1 exists in the array
}

const fifthIndex = arr?.[5];
console.log(fifthIndex); // 👉️ undefined

我们使用可选的链接运算符 ?. 来访问索引 1 和 5 处的数组元素。

索引 1 处的数组元素存在，因此将其值分配给 firstIndex 变量。

索引 5 处的数组元素不存在，因此可选的链接运算符短路返回未定义。