av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

JavaScript的一些小技巧分享

瀏覽:109日期:2023-10-05 15:49:03
數(shù)組去重

ES6提供了幾種簡潔的數(shù)組去重的方法,但該方法并不適合處理非基本類型的數(shù)組。對于基本類型的數(shù)組去重,可以使用... new Set()來過濾掉數(shù)組中重復(fù)的值,創(chuàng)建一個只有唯一值的新數(shù)組。

const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueArray); > Result:(4) [1, 2, 3, 5]

這是ES6中的新特性,在ES6之前,要實(shí)現(xiàn)同樣的效果,我們需要使用更多的代碼。該技巧適用于包含基本類型的數(shù)組:undefined、null、boolean、string和number。如果數(shù)組中包含了一個object,function或其他數(shù)組,那就需要使用另一種方法。

除了上面的方法之外,還可以使用Array.from(new Set())來實(shí)現(xiàn):

const array = [1, 1, 2, 3, 5, 5, 1] Array.from(new Set(array)) > Result:(4) [1, 2, 3, 5]

另外,還可以使用Array的.filter及indexOf()來實(shí)現(xiàn):

const array = [1, 1, 2, 3, 5, 5, 1] array.filter((arr, index) => array.indexOf(arr) === index) > Result:(4) [1, 2, 3, 5]

注意,indexOf()方法將返回數(shù)組中第一個出現(xiàn)的數(shù)組項。這就是為什么我們可以在每次迭代中將indexOf()方法返回的索引與當(dāng)索索引進(jìn)行比較,以確定當(dāng)前項是否重復(fù)。

確保數(shù)組的長度

在處理網(wǎng)格結(jié)構(gòu)時,如果原始數(shù)據(jù)每行的長度不相等,就需要重新創(chuàng)建該數(shù)據(jù)。為了確保每行的數(shù)據(jù)長度相等,可以使用Array.fill來處理

let array = Array(5).fill(’’); console.log(array); > Result: (5) ['', '', '', '', '']數(shù)組映射

不使用Array.map來映射數(shù)組值的方法。

const array = [ { name: ’大漠’, email: ’w3cplus@hotmail.com’ }, { name: ’Airen’, email: ’airen@gmail.com’ }] const name = Array.from(array, ({ name }) => name) > Result: (2) ['大漠', 'Airen']數(shù)組截斷

如果你想從數(shù)組末尾刪除值(刪除數(shù)組中的最后一項),有比使用splice()更快的替代方法。

例如,你知道原始數(shù)組的大小,可以重新定義數(shù)組的length屬性的值,就可以實(shí)現(xiàn)從數(shù)組末尾刪除值:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] console.log(array.length) > Result: 10 array.length = 4 console.log(array) > Result: (4) [0, 1, 2, 3]

這是一個特別簡潔的解決方案。但是,slice()方法運(yùn)行更快,性能更好:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; array = array.slice(0, 4); console.log(array); > Result: [0, 1, 2, 3]過濾掉數(shù)組中的falsy值

如果你想過濾數(shù)組中的falsy值,比如0、undefined、null、false,那么可以通過map和filter方法實(shí)現(xiàn):

const array = [0, 1, ’0’, ’1’, ’大漠’, ’w3cplus.com’, undefined, true, false, null, ’undefined’, ’null’, NaN, ’NaN’, ’1’ + 0] array.map(item => { return item }).filter(Boolean) > Result: (10) [1, '0', '1', '大漠', 'w3cplus.com', true, 'undefined', 'null', 'NaN', '10']獲取數(shù)組的最后一項

數(shù)組的slice()取值為正值時,從數(shù)組的開始處截取數(shù)組的項,如果取值為負(fù)整數(shù)時,可以從數(shù)組末屬開始獲取數(shù)組項。

let array = [1, 2, 3, 4, 5, 6, 7] const firstArrayVal = array.slice(0, 1) > Result: [1] const lastArrayVal = array.slice(-1) > Result: [7] console.log(array.slice(1)) > Result: (6) [2, 3, 4, 5, 6, 7] console.log(array.slice(array.length)) > Result: []

正如上面示例所示,使用array.slice(-1)獲取數(shù)組的最后一項,除此之外還可以使用下面的方式來獲取數(shù)組的最后一項:

console.log(array.slice(array.length - 1)) > Result: [7]從數(shù)組中獲取最大值和最小值

可以使用Math.max和Math.min取出數(shù)組中的最大小值和最小值:

const numbers = [15, 80, -9, 90, -99] const maxInNumbers = Math.max.apply(Math, numbers) const minInNumbers = Math.min.apply(Math, numbers) console.log(maxInNumbers) > Result: 90 console.log(minInNumbers) > Result: -99

另外還可以使用ES6的...運(yùn)算符來完成:

const numbers = [1, 2, 3, 4]; Math.max(...numbers) > Result: 4 Math.min(...numbers) > Result: 1

以上就是JavaScript的一些小技巧分享的詳細(xì)內(nèi)容,更多關(guān)于JavaScript 小技巧的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 综合色婷婷 | 国产成人亚洲精品自产在线 | 国产精品一区二区av | 两性免费视频 | 99国产在线观看 | a级黄色片| 亚洲高清在线播放 | 亚洲一区二区在线免费观看 | 欧美专区在线观看 | 真人毛片免费看 | 免费国产一区二区 | 99精品色 | 高清一级片 | 午夜小视频在线观看 | 国产三级在线 | 国产精品7777| 韩国免费理论片 | 午夜在线视频观看日韩17c | 综合99| 一极黄色片 | 国产福利91精品一区二区三区 | 久久精品在线播放 | 伊人影院久久 | 美日韩一区 | 国产精品久久久久久久久久久久久久 | 青青草原国产 | 欧美一区二区在线观看 | 成人午夜精品 | 亚洲欧美在线观看 | 国产在线二区 | 日韩一级在线 | 日韩欧美亚洲国产 | 亚洲最大黄色网址 | 色草在线 | 伊人网在线播放 | 欧美日韩中文字幕在线观看 | 91成人精品 | 欧美性猛交xxxx黑人交 | 深夜福利网址 | 男女操网站 | 秋霞午夜鲁丝一区二区老狼 |