一、 擴(kuò)展運(yùn)算符
????????擴(kuò)展運(yùn)算符(spread)是三個點(diǎn)(...)。它好比 rest 參數(shù)(將多余的參數(shù)轉(zhuǎn)換成數(shù)組)的逆運(yùn)算,將一個數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列佃蚜。
? ? ? ? 擴(kuò)展運(yùn)算符的使用場景:
? ? ? ? (一)擴(kuò)展運(yùn)算符與正常的函數(shù)參數(shù)結(jié)合使用
? ? ? ? (二)擴(kuò)展運(yùn)算符后面還可以放置表達(dá)式
? ? ? ? (三)如果擴(kuò)展運(yùn)算符后面是一個空數(shù)組,則不產(chǎn)生任何效果
? ? ? ? (四)替代數(shù)組的 apply 方法
????????(五)簡化求出一個數(shù)組最大值與最小值
? ? ? ? (六)復(fù)制數(shù)組
? ? ? ? (七)合并數(shù)組
????????(八)與解構(gòu)賦值結(jié)合
? ? ? ? (九)將字符串轉(zhuǎn)換成數(shù)組(擴(kuò)展運(yùn)算符還可以將字符串轉(zhuǎn)為真正的數(shù)組)
? ? ? ? (十)實(shí)現(xiàn)了 Iterator 接口的對象
? ? ? ? (十一)Map 和 Set 結(jié)構(gòu)夏醉,Generator 函數(shù)
? ? ? ? 個人理解爽锥,這個擴(kuò)展運(yùn)算符 ... 有以下幾種使用情況
? ? ? ? (1)在函數(shù)參數(shù)括號里面就是做rest參數(shù),是將多余的實(shí)參轉(zhuǎn)換成數(shù)組畔柔,且rest參數(shù)只能在最后一位
? ? ? ? (2)...緊跟一個顯示聲明了的變量氯夷,說明這是解構(gòu)賦值,這個變量返回一個數(shù)組靶擦,這個數(shù)組接收多余的參數(shù)
? ? ? ? (3)... 緊跟一個數(shù)組腮考,擴(kuò)展運(yùn)算符會將數(shù)組轉(zhuǎn)換成有序的參數(shù)列表
? ? ? ? (4)... 緊跟一個字符串,擴(kuò)展運(yùn)算符會將這個字符串轉(zhuǎn)換成數(shù)組
? ? ? ? (5)... 緊跟一個具有Iterator接口的對象玄捕,擴(kuò)展運(yùn)算符會將這個對象轉(zhuǎn)換成數(shù)組
二踩蔚、 Array.from()
? ??????Array.from方法用于將兩類對象轉(zhuǎn)為真正的數(shù)組:類似數(shù)組的對象(array-like object)和可遍歷(iterable)的對象(包括 ES6 新增的數(shù)據(jù)結(jié)構(gòu) Set 和 Map)。
????????值得提醒的是枚粘,擴(kuò)展運(yùn)算符(...)也可以將某些數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)為數(shù)組馅闽。其實(shí)擴(kuò)展運(yùn)算符(...)和Array.from()這兩種方式的原理都是利用對象內(nèi)部的iterator遍歷接口去實(shí)現(xiàn)的。
? ? ? ? 下面列舉Array.from()方法使用的注意事項(xiàng):
? ??????(一)?Array.from()方法可以將具有l(wèi)ength屬性的對象轉(zhuǎn)換成數(shù)組
? ??????(二)Array.from()還可以接受第二個參數(shù)馍迄,作用類似于數(shù)組的map方法福也,用來對每個元素進(jìn)行處理,將處理后的值放入返回的數(shù)組攀圈。
? ??????(三)Array.from()方法接收第三個參數(shù):如果Array.from接收的第二個類似map函數(shù)的參數(shù)中使用到了this關(guān)鍵字的話暴凑, Array.from()還可以接收第三個參數(shù)來綁定this值
? ??????(四)Array.from()的另一個應(yīng)用是,將字符串轉(zhuǎn)為數(shù)組赘来,然后返回字符串的長度现喳。因?yàn)樗苷_處理各種 Unicode 字符,可以避免 JavaScript 將大于 \uFFFF的 Unicode 字符犬辰,算作兩個字符的 bug嗦篱。
三、 Array.of()
? ??????Array.of方法用于將一組值幌缝,轉(zhuǎn)換為數(shù)組
? ? ? ? ?Array.of方法用于彌補(bǔ)new Array() 和Array()方法生成數(shù)組的不足默色,Array方法沒有參數(shù)、一個參數(shù)、三個參數(shù)時腿宰,返回結(jié)果都不一樣。只有當(dāng)參數(shù)個數(shù)不少于 2 個時缘厢,new Array()和Array()才會返回由參數(shù)組成的新數(shù)組吃度。參數(shù)個數(shù)只有一個時,實(shí)際上是指定數(shù)組的長度贴硫。
????????Array.of總是返回參數(shù)值組成的數(shù)組椿每。如果沒有參數(shù),就返回一個空數(shù)組
四英遭、 數(shù)組實(shí)例的 copyWithin()
????????數(shù)組實(shí)例的copyWithin()方法间护,在當(dāng)前數(shù)組內(nèi)部,將指定位置的成員復(fù)制到其他位置(會覆蓋原有成員)挖诸,然后返回當(dāng)前數(shù)組汁尺。也就是說,使用這個方法多律, 會修改當(dāng)前數(shù)組痴突。
? ? ? ? target(必需):從該位置開始替換數(shù)據(jù)。
????????start(可選):從該位置開始讀取數(shù)據(jù)狼荞,默認(rèn)為 0辽装。如果為負(fù)值,表示倒數(shù)相味。
????????end(可選):到該位置前停止讀取數(shù)據(jù)拾积,默認(rèn)等于數(shù)組長度。如果為負(fù)值丰涉,表示倒數(shù)拓巧。如果不設(shè)置end就默認(rèn)到數(shù)組的末尾端。
? ?????上面代碼表示將從 4 號(包括4號位本身)位直到8號位之前(不包括8號位本身)的昔搂,復(fù)制到從 2 號位(包括其本身)開始的位置玲销,結(jié)果覆蓋了原來的3,4,5,3。
?????????這三個參數(shù)都應(yīng)該是數(shù)值摘符,如果不是贤斜,會自動轉(zhuǎn)為數(shù)值。
五逛裤、數(shù)組實(shí)例的 find() 和 findIndex()
? ? ? ? (一)find(callback(value,index,arr))方法
? ? ? ? 官方版解釋:數(shù)組實(shí)例的find()方法瘩绒,用于找出第一個符合條件的數(shù)組成員。它的參數(shù)是一個回調(diào)函數(shù)带族,所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù)锁荔,直到找出第一個返回值為 true的成員,然后返回該成員蝙砌。如果沒有符合條件的成員阳堕,則返回undefined跋理。
? ???????個人理解:find(callback),找到第一個符合callback函數(shù)的成員恬总,find(callback)方法返回第一個使callback返回值為true的數(shù)組成員前普,否則返回undefined。
? ? ? ? 通俗的講壹堰,find方法就是返回第一個符合回調(diào)函數(shù)條件的那個數(shù)組成員
? ? ? ? (二)findIndex(callback(value,index,arr))
? ??????數(shù)組實(shí)例的findIndex方法的用法與find方法非常類似拭卿,返回第一個符合條件的數(shù)組成員的位置,如果所有成員都不符合條件贱纠,則返回-1峻厚。
?????????值得注意的是:
? ? ? ? (1)find()和findInde()這兩個方法接收的回調(diào)函數(shù)可以接收三個參數(shù): 依次為當(dāng)前的值value、當(dāng)前的位置index和原數(shù)組Array谆焊。
? ? ? ? (2)find()和findInde()這兩個方法還除了接收第一個回調(diào)callback函數(shù)惠桃,還可以接收第二個參數(shù)來綁定這個回調(diào)函數(shù)callback的this對象。
? ? ? ? (3)find()和findInde()這兩個方法都可以發(fā)現(xiàn)NaN懊渡,彌補(bǔ)了數(shù)組的indexOf方法的不足刽射。
????????這里使用到對象新增的方法Object.is()方法,這個方法就是判斷兩個值是不是相等剃执,特性是:NaN===NaN為true +0===-0為false
六誓禁、 數(shù)組實(shí)例的 fill()
? ??????fill()方法使用給定值(這個值是第一個參數(shù)的位置),填充一個數(shù)組肾档。
????????上面代碼表明摹恰,fill方法用于空數(shù)組的初始化非常方便。數(shù)組中已有的元素怒见,會被全部抹去俗慈。
????????fill方法還可以接受第二個和第三個參數(shù),用于指定填充的起始位置(包含遣耍,從這個位置開始)和結(jié)束位置(不包含這個位置闺阱,在這個位置之前結(jié)束)。
? ??????上面代碼顯示:fill()從 1 號位開始舵变,向原數(shù)組填充 7酣溃,到 3號位之前(不包括3號位)結(jié)束。
七纪隙、 數(shù)組實(shí)例的 entries()赊豌,keys() 和 values()
?????????ES6 提供三個新的方法——entries(),keys()和values()——用于遍歷數(shù)組绵咱。它們都返回一個遍歷器對象碘饼,可以用 for...of循環(huán)進(jìn)行遍歷,唯一的區(qū)別是keys()是對鍵名的遍歷、values()是對鍵值的遍歷艾恼,entries()是對鍵值對的遍歷住涉。
????????如果不使用for...of循環(huán),可以手動調(diào)用遍歷器Iterator對象的next方法蒂萎,進(jìn)行遍歷秆吵。
????????entries()方法返回的是包含鍵值對的遍歷器Iterator對象,這個遍歷器的next方法返回的是一個對象(包含value屬性和done屬性)五慈,這個對象的value就是數(shù)組的每一項(xiàng)的鍵值對(詳見Iterator遍歷器)
八、數(shù)組實(shí)例的 includes()?
? ??????Array.prototype.includes方法返回一個布爾值主穗,表示某個數(shù)組是否包含給定的值泻拦,與字符串的includes方法類似
? ? ? ? 需要注意的是:
? ? ? ? (一)includes()方法,傳入的第二個參數(shù)表示搜索的起始位置忽媒,默認(rèn)為0争拐。如果第二個參數(shù)為負(fù)數(shù),則表示倒數(shù)的位置晦雨,如果這時它大于數(shù)組長度(比如第二個參數(shù)為-4架曹,但 數(shù)組長度為3),則會重置為從0開始闹瞧。
? ? ? ? (二)關(guān)于NaN的問題:
? ? ? ? 在ES6之前绑雄,檢測一個數(shù)組中是否含有某個元素的話,采用indexOf()方法奥邮,含有就返回找到這個元素的第一個位置万牺,沒有找到就返回-1(使用起來就得判斷返回值是否不等于-1)。最主要的是indexOf()方法的內(nèi)部采用嚴(yán)格的(===)運(yùn)算符進(jìn)行判斷洽腺,這會導(dǎo)致對NaN進(jìn)行誤判(NaN==NaN=>false JavaScript比較特殊的自己本身不等于自己的)
? ? ? ? ES6新增的includes()方法可以正確的判斷出數(shù)組中是否含有NaN這個元素
九脚粟、數(shù)組的空位
????????含義:數(shù)組的空位指,數(shù)組的某一個位置沒有任何值蘸朋。
? ? ? ? 強(qiáng)調(diào)的是空位是沒有任何值的核无,空位不是undefined,也不是null藕坯,也不是0
????????ES5以及ES6對空位的處理:
? ? ? ? (一)ES5 對空位的處理团南,已經(jīng)很不一致了,大多數(shù)情況下會忽略空位堕担。
? ? ? ? 1.? forEach(), filter(), every() 和some()都會跳過空位已慢。
? ? ? ? 2.? map()會跳過空位,但會保留這個值
? ? ? ? 3.? join()和toString()會將空位視為undefined霹购,而undefined和null會被處理成空字符串佑惠。
? ? ? ? (二)ES6對空位的處理:
? ? ? ? 1.? ES6 則是明確將空位轉(zhuǎn)為undefined
? ? ? ? 2.? ES6不同方法之間對于空位的處理還是有些許的差異的,例如:
? ? ? ? ? ? ?(1)? Array.from方法會將數(shù)組的空位,轉(zhuǎn)為undefined膜楷,也就是說旭咽,Array.from()這個方法不會忽略空位。
? ? ? ? ? ? (2)? 擴(kuò)展運(yùn)算符(...)也會將空位轉(zhuǎn)為undefined赌厅。
? ? ? ? ? ? (3)? copyWithin()會連空位一起拷貝穷绵。
? ? ? ? ? ? (4)??fill()會將空位視為正常的數(shù)組位置。
? ? ? ? ? ? (5)??for...of循環(huán)也會遍歷空位特愿。
? ? ? ? ? ? (6)??entries()仲墨、keys()、values()揍障、find()和findIndex()會將空位處理成undefined目养。
? ? ? ? 由于處理的標(biāo)準(zhǔn)各有差異,建議避免出現(xiàn)空位