/

javascript-array

＃介紹JavaScript陣列

對JavaScript的關鍵構建塊-陣列進行簡要介紹

陣列是一組元素的集合。

在JavaScript中，陣列本身不是一種“類型”。

陣列是對象。

我們可以用以下兩種不同的方式來初始化一個空陣列：

1
2
const a = []
const a = Array()

第一種是使用“陣列文字語法”。第二種使用內置的Array函數。

您可以使用以下語法預填充陣列：

1
2
const a = [1, 2, 3]
const a = Array.of(1, 2, 3)

陣列可以存儲任何值，甚至是不同類型的值：

1
const a = [1, 'Flavio', ['a', 'b']]

由於我們可以將陣列添加到陣列中，所以我們可以創建多維陣列，這在一些應用中非常有用（例如矩陣）：

1
2
3
4
5
6
7
8
const matrix = [
 [1, 2, 3],
 [4, 5, 6],
 [7, 8, 9]
]

matrix[0][0] //1
matrix[2][0] //7

您可以通過引用索引來訪問任何元素，索引從零開始：

1
2
3
a[0] //1
a[1] //2
a[2] //3

您可以使用以下語法初始化具有一組值的新陣列，該語法首先初始化一個包含12個元素的陣列，然後將每個元素填充為數字0：

1
Array(12).fill(0)

您可以通過檢查其length屬性來獲取陣列的元素數量：

1
2
const a = [1, 2, 3]
a.length //3

請注意，您可以設置陣列的長度。如果賦值的數字比陣列的當前容量要大，則不會發生任何事情。如果賦值的數字比陣列的當前容量小，則陣列將被截斷到該位置：

1
2
3
4
const a = [1, 2, 3]
a //[ 1, 2, 3 ]
a.length = 2
a //[ 1, 2 ]

如何將項目添加到陣列中

我們可以使用push()方法在陣列的末尾添加一個元素：

1
a.push(4)

我們可以使用unshift（）方法在陣列的開始添加一個元素：

1
2
a.unshift(0)
a.unshift(-2, -1)

如何從陣列中刪除項目

我們可以使用pop()方法從陣列的末尾刪除一個項目：

1
a.pop()

我們可以使用shift()方法從陣列的開始刪除一個項目：

1
a.shift()

如何連接兩個或多個陣列

您可以使用concat()將多個陣列連接在一起：

1
2
3
4
5
const a = [1, 2]
const b = [3, 4]
const c = a.concat(b) //[1, 2, 3, 4]
a //[1, 2]
b //[3, 4]

您還可以使用spread運算符（...）進行如下操作：

1
2
3
4
const a = [1, 2]
const b = [3, 4]
const c = [...a, ...b]
c //[1, 2, 3, 4]

如何查找陣列中的特定項目

您可以使用陣列的find()方法：

1
2
3
a.find((element, index, array) => {
 // 返回 true 或 false
})

返回第一個返回true的項目。如果找不到元素，則返回undefined。

常用的語法是：

1
a.find(x => x.id === my\_id)

上面的行將返回陣列中具有id === my_id的第一個元素。

findIndex()的工作方式與find()相似，但它返回第一個返回true的項目的索引，如果未找到則返回-1：

1
2
3
a.findIndex((element, index, array) => {
 // 返回 true 或 false
})

另一種方法是includes()：

1
a.includes(value)

如果a包含value，則返回true。

1
a.includes(value, i)

如果a在位置i之後包含value，則返回true。