今天在瀏覽技術文章時發現JavaScript陣列竟然還有
at()
方法。一番研究之後覺得比較有意思,和大家分享一下。
1。at的用法
at() 接收一個整數型別的引數,返回陣列或字串對應索引位置的元素。舉個例子:
const arr = [1,2,3];const ele = arr。at(0);console。log(ele); // 1
相信大家看到這裡就不明白了,這和直接用索引獲取有什麼區別???
at和索引獲取元素最大的區別是:at() 支援負數索引。
有一個場景很適合 at 的這個特性,就是獲取陣列的最後一個元素。
const arr = [1,2,3];const lastEle = arr[arr。length - 1];const lastEleAt = arr。at(-1);
目前可以實現類似功能的方法還有 slice 和 pop。
const arr = [1,2,3];const lastEleSlice = arr。slice(-1)[0];const lastElePop = arr。pop();
pop 的缺點是會刪除最後一個元素。
除了陣列之外,字元串同樣可以使用 at 方法。
const str = “123”;console。log(str。at(0)); // ‘1’
2。at的相容性
由於是JavaScript新增的特性,目前僅部分瀏覽器的最新版本支援。比如chrome92版本。詳細的相容性情況如下圖:
你對這個新API有什麼看法,歡迎在評論區留言。
歡迎點贊,評論,轉發~