Array.prototype.at

2023-08-02 63

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Array.prototype.at

概念

Array.prototype.at方法根据索引位置，返回数组中对应的元素。

语法

arr.at(index)

参数

index 需要检索的位置。

返回值

返回数组中索引的元素。如果索引不在数组范围内，则返回undefined。

描述

当参数index是整数时。
1.1、当参数index不存在时，默认为0；
1.2、当参数index为正整数时，从数组起始位置开始向数组末尾依次索引，即从前向后依次索引；
1.3、当参数index为负整数时，从数组末尾位置开始向数组的起始位置依次索引，即从后向前依次索引。
1.4、当参数index不在数组范围内，则返回undefined。

当 index 不存在时，等价于0；
当 index 为正整数时；
当 index 为负整数时，等价于 index + arr.length。

前	端	咖	官	网
0	1	2	3	4
-5	-4	-3	-2	-1

当参数不是整数时。
将参数转化成整数，在按照上面的方式判断。

注意 at方法中参数不能将BigInt转化成数值。

讨论参数index为什么不能将BigInt转化成数值？猜一猜转化规则？

公布参考答案：

at方法中参数进行了隐式转换 index = Math.floor(index)。

例子

例一、参数不存在

let arr = ['前', '端', '咖', '官', '网'];
console.log(arr.at());  // 前

例二、参数为0时

let arr = ['前', '端', '咖', '官', '网'];
console.log(arr.at(0));  // 前

例三、参数为正整数时

let arr = ['前', '端', '咖', '官', '网'];
console.log(arr.at(1));  // 端

例四、参数为负整数时

let arr = ['前', '端', '咖', '官', '网'];
console.log(arr.at(-1));  // 网

例五、参数不在数组范围内

let arr = ['前', '端', '咖', '官', '网'];
console.log(arr.at(5));  // undefined
console.log(arr.at(-6));  // undefined

例六、参数是浮点数时，向下取整

let arr = ['前', '端', '咖', '官', '网'];
let result = arr.at(1.9);
console.log(result);  // '端'

例七、参数是字符串时

let arr = ['前', '端', '咖', '官', '网'];
let result = arr.at('1.9');
console.log(result);  // '端'

例八、参数是布尔值时

let arr = ['前', '端', '咖', '官', '网'];
let result = arr.at(true);
console.log(result);  // '端'

例九、参数是BigInt时

let arr = ['前', '端', '咖', '官', '网'];
let result = arr.at(1n);  // Uncaught TypeError: Cannot convert a BigInt value to a number
console.log(result);

实现 at 方法

if (!Array.prototype.at) {
  Array.prototype.at = function (index) {
    index = Math.floor(index);
    if (index === undefined) {
      index = 0;
    } else if (index < 0) {
      index = index + this.length;
    }
    retun this[index];
  };
}