<!– TOC –>
- 绝对索引办法之.at 函数
- 对字符串的补充
- 参考:
-
社交信息 / Social Links:
- (Welcome to pay attention, 欢送关注)
<!– /TOC –>
Array.prototype
上的新的新办法 — at 函数
,能够让咱们更加不便的拜访到数组 和 字符串开端的元素。
在理论开发中,我常常须要去拜访到数组或者是字符串中开端的某个元素的。
然而吧,通常应用的法子不是很好的,比方 my_array[my_array.length - N]
。
或者是
应用可能没有什么性能的操作,比方 my_array.slice(-N)[0]
。
应用这个新的函数办法 .at()
, 它更加合乎咱们人本身的惯例思考。它是这样的,它将 负指数
解释为“从最初”。
什么意思呢?
就是,参数是正数,就示意 倒数第几个
; 负数就示意 负数第几个
,相当于一般的属性拜访。
后面的示例能够示意为 my_array.at(-N)
。
比方:
var arr = [1, 2, 5, 9, 78]
// 第 0 个
console.log(arr.at(0)) // 1
// 负数第一个
console.log(arr.at(1)) // 2
// 倒数第一个
console.log(arr.at(-1)) // 78
// 倒数第二个
console.log(arr.at(-2)) // 9
是不是很合乎咱们的思考逻辑呢?
这个新办法足够小,它的残缺语义能够被上面这个兼容的 polyfill 实现了解:
function at(n) {
// Convert the argument to an integer
n = Math.trunc(n) || 0; // 去掉小数点
// Allow negative indexing from the end
if (n < 0) n += this.length;
// Out-of-bounds access returns undefined
if (n < 0 || n >= this.length) return undefined;
// Otherwise, this is just normal property access
return this[n];
}
对字符串的补充
因为 at 最终执行一般索引,因而在字符串值上调用 at 会返回对应索引的字符。就像字符串上的一般索引一样,这返回的字符可能不是您想要的 Unicode 字符!请思考 String.prototype.codePointAt() 是否更适宜您的用例。
应用 codePointAt():
'ABC'.codePointAt(1); // 66
'\uD800\uDC00'.codePointAt(0); // 65536
'XYZ'.codePointAt(42); // undefined
动下小手
- 欢送关注我的 GitHub:@huangyangquang ⭐⭐
- 欢送关注我的公众号:前端学长 Joshua