js擴(kuò)展運(yùn)算符，神奇的3個(gè)點(diǎn)點(diǎn)，數(shù)組去重、合并數(shù)組等等

waltr 發(fā)布于2019-08-23 16:59 / 1395人閱讀

最近lz一周排了9個(gè)面試，面試經(jīng)常被問到一些數(shù)組的問題，比如說es6里面一些數(shù)組去重、合并數(shù)組，之前壓根就沒了解過，后來才知道考的都是es6的知識(shí)，今天好好挖掘一下，發(fā)現(xiàn)一個(gè)神奇的點(diǎn)點(diǎn)三姐妹

我們來看看經(jīng)常使用的方法

1、數(shù)組去重

之前的想法可能要遍歷數(shù)組去重，但是現(xiàn)在又es6的騷操作

    var a = [1,1,2,3]
    Array.from(new Set()) // 利用es6特性去重方法
    [...new Set(arr)]  // 利用js擴(kuò)展運(yùn)算符的騷操作

2、將一個(gè)數(shù)組放入另一個(gè)數(shù)組（打散數(shù)組）

    var a = [1,2]
    var b = [a,3,4]
    console.log(b) // [[1,2],3,4]
    
    // 如果使用擴(kuò)展運(yùn)算符
    var b = [...a, 3,4]
    console.log(b) // [1,2,3,4]

3、復(fù)制數(shù)組（不會(huì)改變?cè)瓟?shù)組）

    var a = ["1","2","3"]
    var b = [...a]
    console.log(b) // ["1","2","3"]  
    a數(shù)組中的元素?cái)U(kuò)展為多帶帶元素被分配到b中，可以隨意改變b數(shù)組，且不會(huì)對(duì)a產(chǎn)生影響。

4、拼接數(shù)組(替換concat)

    var a = [1,2,3]
    var a = [4,5,6]
    a  = [...a, ...b]
    console.log(a) // [1,2,3,4,5,6]

5、 Math

    var a = [1,2,3,4,5]
    var max = Math.max(...a)
    console.log(max) // 5

6、字符串轉(zhuǎn)換為數(shù)組

    var a = "helloworld"
    var b = [...a]
    console.log(b) // ["h","e","l","l","o","w","o","r","l","d"]

云服務(wù)器 GPU云服務(wù)器 php多個(gè)數(shù)組3合并數(shù)組的值去重php java 數(shù)組的運(yùn)算數(shù)組去重

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/103642.html

相關(guān)文章

案例 - 收藏集 - 掘金

摘要：同行這么做使用實(shí)現(xiàn)圓形進(jìn)度條前端掘金在開發(fā)微信小程序的時(shí)候，遇到圓形進(jìn)度條的需求。實(shí)現(xiàn)也談數(shù)組去重前端掘金的數(shù)組去重是一個(gè)老生常談的話題了。百度前端技術(shù)學(xué)院自定義前端掘金一標(biāo)簽概念元素表示用戶界面中項(xiàng)目的標(biāo)題。閑話圖片上傳 - 掘金作者：孫輝，美團(tuán)金融前端團(tuán)隊(duì)成員。15年畢業(yè)加入美團(tuán)，相信技術(shù)，更相信技術(shù)只是大千世界里知識(shí)的一種，個(gè)人博客: https://sunyuhui.com ...

張金寶 2019-08-20 17:44 評(píng)論0 收藏0
案例 - 收藏集 - 掘金

摘要：同行這么做使用實(shí)現(xiàn)圓形進(jìn)度條前端掘金在開發(fā)微信小程序的時(shí)候，遇到圓形進(jìn)度條的需求。實(shí)現(xiàn)也談數(shù)組去重前端掘金的數(shù)組去重是一個(gè)老生常談的話題了。百度前端技術(shù)學(xué)院自定義前端掘金一標(biāo)簽概念元素表示用戶界面中項(xiàng)目的標(biāo)題。閑話圖片上傳 - 掘金作者：孫輝，美團(tuán)金融前端團(tuán)隊(duì)成員。15年畢業(yè)加入美團(tuán)，相信技術(shù)，更相信技術(shù)只是大千世界里知識(shí)的一種，個(gè)人博客: https://sunyuhui.com ...

huangjinnan 2019-08-29 12:54 評(píng)論0 收藏0
es6 7個(gè)比較有用的技巧

摘要：數(shù)組去重?cái)?shù)組和布爾有時(shí)我們需要過濾數(shù)組中值為的值例如你可能不知道這樣的技巧是不是很簡單只需要傳入一個(gè)函數(shù)即可創(chuàng)建一個(gè)空對(duì)象有時(shí)我們需要?jiǎng)?chuàng)建一個(gè)純凈的對(duì)象不包含什么原型鏈等等一般創(chuàng)建空對(duì)象最直接方式通過字面量但這個(gè)對(duì)象中依然存在屬性來指向等等數(shù)組去重 var arr = [1, 2, 3, 3, 4]; console.log(...new Set(arr)) >> [1, 2, 3,...

Apollo 2019-08-02 15:31 評(píng)論0 收藏0
es6 7個(gè)比較有用的技巧

摘要：數(shù)組去重?cái)?shù)組和布爾有時(shí)我們需要過濾數(shù)組中值為的值例如你可能不知道這樣的技巧是不是很簡單只需要傳入一個(gè)函數(shù)即可創(chuàng)建一個(gè)空對(duì)象有時(shí)我們需要?jiǎng)?chuàng)建一個(gè)純凈的對(duì)象不包含什么原型鏈等等一般創(chuàng)建空對(duì)象最直接方式通過字面量但這個(gè)對(duì)象中依然存在屬性來指向等等數(shù)組去重 var arr = [1, 2, 3, 3, 4]; console.log(...new Set(arr)) >> [1, 2, 3,...

junbaor 2019-08-23 18:37 評(píng)論0 收藏0
值得收藏 7 個(gè)有用JavaScript技巧

摘要：值得收藏個(gè)有用技巧像其它語言一樣中也可以通過一些技巧來完成一些復(fù)雜的操作接下來我們學(xué)習(xí)吧數(shù)組去重?cái)?shù)組和布爾有時(shí)我們需要過濾數(shù)組中值為的值例如你可能不知道這樣的技巧是不是很簡單只需要傳入一個(gè)函數(shù)即可創(chuàng)建一個(gè)空對(duì)象有時(shí)我們需要?jiǎng)?chuàng)建一個(gè)純凈的對(duì)象值得收藏 7 個(gè)有用JavaScript技巧像其它語言一樣,JavaScript中也可以通過一些技巧來完成一些復(fù)雜的操作. 接下來我們學(xué)習(xí)吧數(shù)...

layman 2019-08-23 18:29 評(píng)論0 收藏0