概述
在 ES7 中，新增了数组的 Array#at() 方法，用于获取数组中指定位置的元素。在以往的版本中，需要通过索引来访问数组中的元素，而且该索引必须是数字类型，且不能为负数。而使用 Array#at() 方法，则可以传入任意数值类型，包括负数，使得数组访问更加灵活方便。
语法
array.at(index) //index为数值类型，表示访问的位置，可以为负数，负数表示从数组末尾开始倒数的位置
示例代码
const arr = ['a', 'b', 'c', 'd', 'e']; console.log(arr.at(0)); // "a" console.log(arr.at(-1)); // "e" console.log(arr.at(4)); // "e" console.log(arr.at(5)); // undefined console.log(arr.at(-5)); // "a"
深入理解
- 当使用整数索引访问数组元素时，其底层实现是将该整数先转换为字符串，然后再作为属性名去访问数组对象。
- 而使用 Array#at() 方法，则是直接传入数值作为索引，不需要进行类型转换，也不会将负数索引转换为正数索引。
- 如果传入的 index 不是数值类型，则会先进行隐式类型转换，转换为数值类型。如果转换失败，则会抛出 TypeError 异常。
指导意义
- 在实际开发中，经常需要遍历数组并从中获取特定位置的元素。在 ES6 之前，如果要使用负数索引访问数组末尾的元素，则需要手动计算索引值，比较麻烦。而通过使用 Array#at() 方法，可以直接传入负数，从而方便地访问数组末尾的元素。
- 同时，使用 Array#at() 方法还可以提升代码的可读性，避免出现因手动计算索引值出现的 bug。
总结
ES7 中新增的数组的 Array#at() 方法，提供了更加灵活方便的数组访问方式。通过本文的介绍，我们了解到了该方法的语法、用法以及深入理解，同时也讲解了该方法的指导意义。希望对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649bf44348841e98948b8272