JavaScript中能否对数组元素使用可选链操作符？

这个语法完全能实现你想要的需求：

• 如果数组a本身存在（不是null或undefined），且它的第一个元素（索引0的位置）也存在，就会访问该元素的foo属性；
• 只要其中任意一环不存在（比如a是null/undefined，或者a[0]是null/undefined），整个表达式会直接返回undefined。

如果你希望最终返回null而不是undefined，可以配合**空值合并运算符??**一起使用，写法是：a[0]?.foo ?? null。

下面是几个实际场景的示例：

1. 数组正常存在且包含目标元素时：

const a = [{ foo: 'bar' }];
console.log(a[0]?.foo); // 输出 'bar'

2. 数组为空时：

const a = [];
console.log(a[0]?.foo); // 输出 undefined
console.log(a[0]?.foo ?? null); // 输出 null

3. 数组本身为null或undefined时：

const a = null;
console.log(a[0]?.foo); // 输出 undefined
console.log(a[0]?.foo ?? null); // 输出 null

本质上，可选链运算符?.不仅支持对象的属性访问，也完全支持数组的索引访问，是ES2020标准中引入的特性，现代浏览器和Node.js都已经支持。

内容的提问来源于stack exchange，提问作者Aditya Kumar