概念
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];
};
}