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教程: