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]

您也可以使用傳播操作員 (...) 這樣:

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

如何在數組中查找特定項目

您可以使用find()數組的方法:

a.find((element, index, array) => {
  //return true or false
})

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

常用的語法是:

a.find(x => x.id === my_id)

上面的行將返回數組中具有以下內容的第一個元素id === my_id

findIndex()類似於find(),但返回返回true的第一項的索引,如果找不到,則返回-1

a.findIndex((element, index, array) => {
  //return true or false
})

另一種方法是includes()

a.includes(value)

如果滿足,則返回truea包含value

a.includes(value, i)

如果滿足,則返回truea包含value在位置之後i

免費下載我的JavaScript初學者手冊


更多js教程: