#介紹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。