基于ES6 Array.of的用法(實(shí)例講解)
ES6為Array增加了of函數(shù)用已一中明確的含義將一個(gè)或多個(gè)值轉(zhuǎn)換成數(shù)組。
因?yàn)?,用new Array()構(gòu)造數(shù)組的時(shí)候,是有二意性的。
構(gòu)造時(shí),傳一個(gè)參數(shù),表示生成多大的數(shù)組。
構(gòu)造時(shí),傳多個(gè)參數(shù),每個(gè)參數(shù)都是數(shù)組的一個(gè)元素。
const arr1 = new Array() const arr2 = new Array(5) const arr3 = new Array(1, 3, '白色', {p1: 'v1'}) console.log('%s', JSON.stringify(arr1)) console.log('%s', JSON.stringify(arr2)) console.log('%s', JSON.stringify(arr3))
結(jié)果:
[] [null,null,null,null,null] [1,3,"白色",{"p1":"v1"}]
ES6增加的Array.of()方法,只有一個(gè)含義,of的參數(shù)就是表示抓換后數(shù)組的元素。
const arr4 = Array.of() const arr5 = Array.of(5) const arr6 = Array.of(1, 3, '白色', {p1: 'v1'}) console.log('%s', JSON.stringify(arr4)) console.log('%s', JSON.stringify(arr5)) console.log('%s', JSON.stringify(arr6))
結(jié)果:
[] [5] [1,3,"白色",{"p1":"v1"}]
這就是用of生成數(shù)組的好處,含義一致。
以上這篇基于ES6 Array.of的用法(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6中Array.includes()函數(shù)的用法
- ES5 ES6中Array對(duì)象去除重復(fù)項(xiàng)的方法總結(jié)
- ES6中Array.copyWithin()函數(shù)的用法實(shí)例詳解
- ES6中數(shù)組array新增方法實(shí)例總結(jié)
- ES6入門教程之Array.from()方法
- ES6數(shù)組的擴(kuò)展詳解
- ES6中的數(shù)組擴(kuò)展方法
- ES6新特性之?dāng)?shù)組、Math和擴(kuò)展操作符用法示例
- ES6 Array常用擴(kuò)展的應(yīng)用實(shí)例分析
相關(guān)文章
js 顯示base64編碼的二進(jìn)制流網(wǎng)頁圖片
base64簡(jiǎn)單地說,它把一些 8-bit 數(shù)據(jù)翻譯成標(biāo)準(zhǔn) ASCII 字符,我們把圖像文件的內(nèi)容直接寫在了HTML 文件中,這樣做的好處是,節(jié)省了一個(gè)HTTP 請(qǐng)求2014-04-04js defineSetter -給js的 "class"自動(dòng)增加一個(gè)set的屬性(方法)
js defineSetter -給js的 "class"自動(dòng)增加一個(gè)set的屬性(方法)...2007-06-06webpack cjs運(yùn)行時(shí)分析示例詳解
這篇文章主要介紹了webpack cjs運(yùn)行時(shí)分析,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12BootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展
Select下拉框的問題,想在選擇一個(gè)選項(xiàng)后,前臺(tái)顯示做出變動(dòng),并且知道選擇的是第幾個(gè)選項(xiàng)。 怎么解決這個(gè)問題呢?下面小編給大家?guī)砹薆ootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展,需要的朋友參考下吧2016-11-11JavaScript運(yùn)動(dòng)框架 鏈?zhǔn)竭\(yùn)動(dòng)到完美運(yùn)動(dòng)(五)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架的第五部分,鏈?zhǔn)竭\(yùn)動(dòng)到完美運(yùn)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05使用JS操作文件(FileReader讀取--node的fs)
這篇文章主要介紹了使用JS操作文件(FileReader讀取--node的fs),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-12-12JS基礎(chǔ)之邏輯結(jié)構(gòu)與循環(huán)操作示例
這篇文章主要介紹了JS基礎(chǔ)之邏輯結(jié)構(gòu)與循環(huán)操作,結(jié)合實(shí)例形式分析了JavaScript邏輯判斷、流程控制、循環(huán)語句等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁)
今天小編就為大家分享一篇Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10Javascript實(shí)現(xiàn)頁面滾動(dòng)時(shí)導(dǎo)航智能定位
本篇文章主要介紹了Javascript實(shí)現(xiàn)頁面滾動(dòng)時(shí)導(dǎo)航智能定位,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05獲取下拉列表框的值是數(shù)組,split,$.inArray示例
獲取下拉列表框的值是數(shù)組,下面用product_id 去匹配是否包含在一個(gè)數(shù)組中,感興趣的朋友不要錯(cuò)過2013-11-11