成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

這些很新的JS數組方法,還挺好用!

開發 前端
本文分享 7 個近三年出現的全新 JavaScript 數組方法,很實用!

Array.prototype.at()

at() 方法允許通過索引訪問數組中的元素,支持負數索引來從數組末尾開始計數。

const arr = [10, 20, 30, 40];
console.log(arr.at(2));    // 輸出: 30
console.log(arr.at(-1));   // 輸出: 40

通常情況下,我們會使用[index]索引來獲取數組元素,但這種方式獲取正數元素還可以,如果想要獲取倒數元素,就麻煩一點,這時就可以借助 at() 方法來實現,只需指定一個負數即可。

瀏覽器支持情況:

Array.prototype.with()

with() 方法返回一個新數組,該數組是原數組的一個副本,但指定索引處的元素被替換為新的值。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.with(2, 99);  // 將索引2處的元素替換為99
console.log(newArr);  // 輸出: [1, 2, 99, 4, 5]
console.log(arr);     // 輸出: [1, 2, 3, 4, 5] (原數組不變)

當需要更新數組中特定位置的元素但不想修改原數組時,可以使用 with() 方法。

瀏覽器支持情況:

Array.prototype.toSorted()

toSorted() 方法返回一個新數組,該數組是原數組經過排序后的副本,不會修改原數組,它是 sort() 方法的復制版本。

const arr = [1, 5, 3, 2, 4];
const sortedArr = arr.toSorted((a, b) => a - b);
console.log(sortedArr);  // 輸出: [1, 2, 3, 4, 5]
console.log(arr);        // 輸出: [1, 5, 3, 2, 4] (原數組不變)

當需要對數組進行排序但不想修改原數組時,可以使用 toSorted() 方法。

瀏覽器支持情況:

Array.prototype.toReversed()

toReversed() 方法返回一個新數組,該數組是原數組反轉后的副本,不會修改原數組,它是 reverse() 方法對應的復制版本。

const arr = [1, 2, 3, 4, 5];
const reversedArr = arr.toReversed();
console.log(reversedArr);  // 輸出: [5, 4, 3, 2, 1]
console.log(arr);          // 輸出: [1, 2, 3, 4, 5] (原數組不變)

當需要反轉數組但不想修改原數組時,可以使用 toReversed() 方法。

瀏覽器支持情況:

Array.prototype.toSpliced()

toSpliced() 方法返回一個新數組,該數組是從原數組中刪除或替換某些元素后的新數組,不會修改原數組,它是 splice() 方法的復制版本。

const arr = [1, 2, 3, 4, 5];
const splicedArr = arr.toSpliced(2, 1, 99);  // 從索引2開始刪除1個元素并插入99
console.log(splicedArr);  // 輸出: [1, 2, 99, 4, 5]
console.log(arr);         // 輸出: [1, 2, 3, 4, 5] (原數組不變)

當需要從數組中刪除或替換某些元素但不想修改原數組時,可以使用 toSpliced() 方法。

瀏覽器支持情況:

Array.prototype.findLast()

findLast() 方法返回數組中滿足提供的測試函數的最后一個元素,類似 find() 的反向操作。如果沒有找到,則返回 undefined。

const arr = [5, 12, 8, 130, 44];
const found = arr.findLast(element => element > 10);
console.log(found);  // 輸出: 44

當需要在數組中查找符合條件的最后一個元素時,可以使用 findLast() 方法。

瀏覽器支持情況:

Array.prototype.findLastIndex()

findLastIndex() 方法返回數組中滿足提供的測試函數的最后一個元素的索引。如果沒有找到,則返回 -1。

const arr = [5, 12, 8, 130, 44];
const index = arr.findLastIndex(element => element > 10);
console.log(index);  // 輸出: 4 (因為44是最后一個大于10的元素)

當需要在數組中查找符合條件的最后一個元素的索引時,可以使用 findLastIndex() 方法。

瀏覽器支持情況:

責任編輯:姜華 來源: 前端充電寶
相關推薦

2024-08-27 09:32:04

2021-08-02 07:50:42

腳本Shell日志

2015-03-11 10:30:52

Apple Pay

2023-09-01 14:32:27

語言大語言模型

2016-10-08 21:25:36

Javascript數組Web

2021-03-21 23:08:46

安卓手機工具

2024-11-19 08:35:49

前端開發數組

2022-11-13 15:33:30

JavaScript數組開發

2019-07-25 10:08:05

JavaScript數組轉換

2023-07-04 15:52:49

JavaScript數組

2023-02-01 08:31:48

2010-01-08 09:30:03

Java數組JVM

2021-02-05 23:08:10

JS代碼循環

2020-03-19 15:30:08

JavaScript數組字符串

2024-10-21 13:05:40

2021-09-22 23:17:09

Java開發數組

2022-11-23 16:12:57

JavaScript數據類型數組

2021-02-07 07:52:07

數組 JavaScript結構

2022-05-06 12:03:16

數組Javascript

2022-09-15 08:05:16

緩沖區類型TypedArray
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 色狠狠桃花综合 | 久久久久免费精品国产小说色大师 | 中文字幕电影在线观看 | 国产一区二区欧美 | 谁有毛片 | 国产精品免费高清 | 午夜精品视频在线观看 | 特一级黄色毛片 | 国产精品mv在线观看 | 日韩av手机在线观看 | av在线电影网 | 美女一级黄| 国产精品亚洲片在线播放 | 尹人av | 久久久精品一区二区三区 | 亚洲一区高清 | 国产精品久久久久久久久图文区 | 亚洲欧洲日本国产 | 成人精品一区二区户外勾搭野战 | 婷婷五月色综合香五月 | 国产成人免费视频网站高清观看视频 | 成人午夜在线观看 | 黄色片网站国产 | k8久久久一区二区三区 | 免费特黄视频 | 亚洲人在线 | 天天干人人 | 日日摸夜夜添夜夜添特色大片 | 久久久久久久久久久久久久久久久久久久 | 69亚洲精品 | 国产女人与拘做受视频 | 亚洲欧美一区在线 | a级黄色片在线观看 | 天天干com | 欧美日韩一区二区在线 | 欧美日韩久久精品 | 成人午夜在线观看 | 日韩视频―中文字幕 | 亚洲人人舔人人 | 日韩欧美一区二区三区 | 91精品国产777在线观看 |