#介紹JavaScript陣列
對JavaScript的關鍵構建塊-陣列進行簡要介紹
陣列是一組元素的集合。
在JavaScript中,陣列本身不是一種“類型”。
陣列是對象。
我們可以用以下兩種不同的方式來初始化一個空陣列:
const a = []
const a = Array()
第一種是使用“陣列文字語法”。第二種使用內置的Array函數。
您可以使用以下語法預填充陣列:
const a = [1, 2, 3]
const a = Array.of(1, 2, 3)
陣列可以存儲任何值,甚至是不同類型的值:
const a = [1, 'Flavio', ['a', 'b']]
由於我們可以將陣列添加到陣列中,所以我們可以創建多維陣列,這在一些應用中非常有用(例如矩陣):
const matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
]
matrix[0][0] //1
matrix[2][0] //7
您可以通過引用索引來訪問任何元素,索引從零開始:
a[0] //1
a[1] //2
a[2] //3
您可以使用以下語法初始化具有一組值的新陣列,該語法首先初始化一個包含12個元素的陣列,然後將每個元素填充為數字0
:
Array(12).fill(0)
您可以通過檢查其length
屬性來獲取陣列的元素數量:
const a = [1, 2, 3]
a.length //3
請注意,您可以設置陣列的長度。如果賦值的數字比陣列的當前容量要大,則不會發生任何事情。如果賦值的數字比陣列的當前容量小,則陣列將被截斷到該位置:
const a = [1, 2, 3]
a //[ 1, 2, 3 ]
a.length = 2
a //[ 1, 2 ]
如何將項目添加到陣列中
我們可以使用push()
方法在陣列的末尾添加一個元素:
a.push(4)
我們可以使用unshift
()方法在陣列的開始添加一個元素:
a.unshift(0)
a.unshift(-2, -1)
如何從陣列中刪除項目
我們可以使用pop()
方法從陣列的末尾刪除一個項目:
a.pop()
我們可以使用shift()
方法從陣列的開始刪除一個項目:
a.shift()
如何連接兩個或多個陣列
您可以使用concat()
將多個陣列連接在一起:
const a = [1, 2]
const b = [3, 4]
const c = a.concat(b) //[1, 2, 3, 4]
a //[1, 2]
b //[3, 4]
您還可以使用spread運算符(...
)進行如下操作:
const a = [1, 2]
const b = [3, 4]
const c = [...a, ...b]
c //[1, 2, 3, 4]
如何查找陣列中的特定項目
您可以使用陣列的find()
方法:
a.find((element, index, array) => {
// 返回 true 或 false
})
返回第一個返回true的項目。如果找不到元素,則返回undefined。
常用的語法是:
a.find(x => x.id === my\_id)
上面的行將返回陣列中具有id === my_id
的第一個元素。
findIndex()
的工作方式與find()
相似,但它返回第一個返回true的項目的索引,如果未找到則返回-1
:
a.findIndex((element, index, array) => {
// 返回 true 或 false
})
另一種方法是includes()
:
a.includes(value)
如果a
包含value
,則返回true。
a.includes(value, i)
如果a
在位置i
之後包含value
,則返回true。