JS數(shù)組 && ES6擴(kuò)展

JS數(shù)組創(chuàng)建

1.以 Array 對(duì)象的語法創(chuàng)建
let arrayObj = new Array();  //創(chuàng)建一個(gè)數(shù)組
let arrayObj = new Array(size);  //創(chuàng)建一個(gè)數(shù)組并指定長(zhǎng)度(后續(xù)操作可改變長(zhǎng)度)
let arrayObj = new Array(element0, element1, ..., elementn)
2.以 字面量 方法創(chuàng)建
let arr = [];//創(chuàng)建一個(gè)空數(shù)組
let arr = [1,2,3,4,5];//創(chuàng)建一個(gè)有五個(gè)元素的數(shù)組

JS數(shù)組方法

1.添加元素

push() 向數(shù)組的末尾添加一個(gè)或更多元素,并返回新的長(zhǎng)度鲜屏。

let arr1 = [0]
arr1.push(1,2,3)  //4
arr1  //[0,1,2,3]

unshift() 向數(shù)組的開頭添加一個(gè)或更多元素往史,并返回新的長(zhǎng)度守呜。

let arr2 = [0]
arr2.unshift(1,2,3)  //4
arr2  //[1,2,3,0]

splice() 從數(shù)組中添加/刪除項(xiàng)目粱玲,然后返回被刪除的項(xiàng)目。

添加項(xiàng)目:

arrayObject.splice(index,howmany,item1,.....,itemX)
第一個(gè)參數(shù)index 必需昧旨,為要添加到的數(shù)組下標(biāo)拾给,
第二個(gè)參數(shù)howmany 必需祥得,為要?jiǎng)h除的個(gè)數(shù)(不刪除則為0),
第三位起 可選蒋得,item1,.....,itemX 為要添加的項(xiàng)目级及。

let arr3 = [0]
arr3.splice(1,0,1,2,3)  //[]
arr3  //[0,1,2,3]

順便 刪除元素(接著上面操作):

arr3.splice(1,2)  //[1,2]
arr3  //[0,3]

兩者可以合并使用,在刪除的位置上添加項(xiàng)目(接著上面操作)额衙。

arr3.splice(1,1,9,9,9)  //[3]
arr3  //[0,9,9,9]
2.刪除元素

splice() 從數(shù)組中添加/刪除項(xiàng)目饮焦,然后返回被刪除的項(xiàng)目。(就在上面)

pop() 刪除并返回?cái)?shù)組的最后一個(gè)元素窍侧。

let arr4 = [0,1,2,3]
arr4.pop()  //3
arr4  //[0,1,2]

shift() 刪除并返回?cái)?shù)組的第一個(gè)元素县踢。

let arr5 = [0,1,2,3]
arr5.pop()  //0
arr5  //[1,2,3]
3.截取數(shù)組

slice() 從某個(gè)已有的數(shù)組返回選定的元素。

arrayObject.slice(start,end)
start 必需疏之,規(guī)定從何處開始選取。如果是負(fù)數(shù)暇咆,那么它規(guī)定從數(shù)組尾部開始算起的位置锋爪。也就是說,-1 指最后一個(gè)元素爸业,-2 指倒數(shù)第二個(gè)元素其骄,以此類推。
end 可選扯旷,規(guī)定從何處結(jié)束選取拯爽。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒有指定該參數(shù)钧忽,那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素毯炮。如果這個(gè)參數(shù)是負(fù)數(shù),那么它規(guī)定的是從數(shù)組尾部開始算起的元素耸黑。

let arr6 = [0,1,2,3]
arr6.slice(1,3)  //[1,2]
arr6.slice(1)  //[1,2,3]
arr6.slice(-1)  //[3]
4.合并數(shù)組

concat() 連接兩個(gè)或多個(gè)數(shù)組桃煎。

arrayObject.concat(arrayX,arrayX,......,arrayX)
arrayX 必需。該參數(shù)可以是具體的值大刊,也可以是數(shù)組對(duì)象为迈。可以是任意多個(gè)缺菌。

let arr7 = [1,2,3]
let arr8 = [4,5]
arr7.concat(arr8)  //[1,2,3,4,5]
5.拷貝數(shù)組

arrayObj.slice(0)
slice(start,end)start設(shè)置為0葫辐,省略end則表示從頭截取到為,即對(duì)數(shù)據(jù)進(jìn)行了一份拷貝
arrayObj.concat()
返回?cái)?shù)組的拷貝數(shù)組

let arr9 = [1,2,3]
let arr10 = arr9.slice(0)  //返回?cái)?shù)組的拷貝數(shù)組伴郁,注意是一個(gè)新的數(shù)組耿战,不是指向。
let arr11 = arr9.concat()  //返回?cái)?shù)組的拷貝數(shù)組焊傅,注意是一個(gè)新的數(shù)組昆箕,不是指向鸦列。
arr10[0] = 0
arr11[1] = 0
arr9  //[1,2,3]
arr10  //[0,2,3]
arr11  //[1,0,3]
//拷貝出來的數(shù)組互不影響
5.數(shù)組排序
arrayObj.reverse(); //反轉(zhuǎn)元素(最前的排到最后、最后的排到最前)鹏倘,返回?cái)?shù)組地址

arrayObj.sort(); //對(duì)數(shù)組元素排序薯嗤,返回?cái)?shù)組地址

ES6 數(shù)組擴(kuò)展

1.擴(kuò)展運(yùn)算符(點(diǎn)擊查看)
2.find()和findIndex()

find()找出第一個(gè)復(fù)合條件的數(shù)組成員,如果沒有纤泵,返回undefind骆姐。

[1, 4, -5, 10].find((n) => n < 0)
// -5
// 三個(gè)參數(shù) 當(dāng)前值 當(dāng)前位置 原數(shù)組
[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10

findIndex()與find()用法相當(dāng)類似,只不過是返回下標(biāo)捏题,如果沒有玻褪,返回-1。

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2
3.fill()

fill()使用給定值公荧,填充一個(gè)數(shù)組带射。

['a', 'b', 'c'].fill(7)
// [7, 7, 7]

new Array(3).fill(7)
// [7, 7, 7]

用于空數(shù)組的初始化非常方便。數(shù)組中已有的元素循狰,會(huì)被全部抹去窟社。

fill方法還可以接受第二個(gè)和第三個(gè)參數(shù),用于指定填充的起始位置和結(jié)束位置绪钥。

['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']
3.flat()

flat()使嵌套數(shù)組變?yōu)橐痪S數(shù)組灿里。返回一個(gè)新數(shù)組,對(duì)原數(shù)組無影響程腹。

[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]

[1, 2, [3, [4, 5]]].flat()
// [1, 2, 3, [4, 5]]

[1, 2, [3, [4, 5]]].flat(2)
// [1, 2, 3, 4, 5]

[1, [2, [3]]].flat(Infinity)
// [1, 2, 3]

//跳過空位
[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末匣吊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子寸潦,更是在濱河造成了極大的恐慌色鸳,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件见转,死亡現(xiàn)場(chǎng)離奇詭異缕碎,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)池户,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門咏雌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人校焦,你說我怎么就攤上這事赊抖。” “怎么了寨典?”我有些...
    開封第一講書人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵氛雪,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我耸成,道長(zhǎng)报亩,這世上最難降的妖魔是什么浴鸿? 我笑而不...
    開封第一講書人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮弦追,結(jié)果婚禮上岳链,老公的妹妹穿的比我還像新娘。我一直安慰自己劲件,他們只是感情好掸哑,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著零远,像睡著了一般苗分。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上牵辣,一...
    開封第一講書人閱讀 51,573評(píng)論 1 305
  • 那天摔癣,我揣著相機(jī)與錄音,去河邊找鬼纬向。 笑死择浊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的罢猪。 我是一名探鬼主播近她,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼叉瘩,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼膳帕!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起薇缅,我...
    開封第一講書人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤危彩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后泳桦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體汤徽,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年灸撰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了谒府。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡浮毯,死狀恐怖完疫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情债蓝,我是刑警寧澤壳鹤,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站饰迹,受9級(jí)特大地震影響芳誓,放射性物質(zhì)發(fā)生泄漏余舶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一锹淌、第九天 我趴在偏房一處隱蔽的房頂上張望匿值。 院中可真熱鬧,春花似錦葛圃、人聲如沸千扔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽曲楚。三九已至,卻和暖如春褥符,著一層夾襖步出監(jiān)牢的瞬間龙誊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工喷楣, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留趟大,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓铣焊,卻偏偏與公主長(zhǎng)得像逊朽,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子曲伊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容