JavaScript陣列 at() 方法獲取元素

今天在瀏覽技術文章時發現JavaScript陣列竟然還有

at()

方法。一番研究之後覺得比較有意思,和大家分享一下。

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版本。詳細的相容性情況如下圖:

JavaScript陣列 at() 方法獲取元素

你對這個新API有什麼看法,歡迎在評論區留言。

歡迎點贊,評論,轉發~