JavaScript数组索引-1的含义及对应return语句的作用是什么？

负索引-1的设计逻辑 #

• 首先要明确：JavaScript原生数组的方括号取值语法默认不支持负索引，你接触到的arr[-1]能返回最后一个元素，要么是使用了ES2022新增的Array.prototype.at()方法（正确写法为arr.at(-1)），要么是引入了第三方工具库、或是自定义了数组的Proxy代理逻辑。原生直接写arr[-1]会返回undefined，因为方括号会把-1转为字符串'-1'查找数组对象的自定义属性，普通数组默认没有该属性，这也是你在MDN很难检索到对应内容的原因。
• 用-1指代数组最后一个元素是多数编程语言的通用设计约定，核心优势是简化了相对位置的表达逻辑：不需要先获取数组长度做计算，直接用负整数代表从数组末尾倒序计数的位置，-1对应倒数第一个，-2对应倒数第二个，以此类推，相比每次手动计算arr.length - n的写法更简洁直观。

示例代码的逻辑说明 #

你贴出的代码是典型的安全获取数组最后一个元素的实现，完整代码如下：

if (arr.length === 0){ 
  return null; 
} else { 
  return arr[arr.length -1]; 
}

其中return arr[arr.length - 1]的含义如下：
JavaScript数组的索引从0开始正向计数，长度为n的数组，元素索引范围是0 ~ n-1，因此最后一个元素的正索引固定为数组长度-1。这段代码就是先计算出最后一个元素的正索引，再通过方括号语法取出对应值返回。
代码开头的空数组判断是为了规避边界问题：如果数组为空，arr.length - 1会得到-1，此时取arr[-1]会得到不符合预期的结果，因此提前返回null做兼容。

内容的提问来源于stack exchange，提问作者Dawn OfTheTacos