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]