Введение в массивы 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
})

Возвращает первый элемент, который возвращает истину. Возвращает undefined, если элемент не найден.

Обычно используемый синтаксис:

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

Вышеупомянутая строка вернет первый элемент в массиве, который имеетid === my_id.

findIndex()работает аналогичноfind(), но возвращает индекс первого элемента, который возвращает истину, а если не найден, возвращает-1:

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

Другой метод -includes():

a.includes(value)

Возвращает истину, еслиaсодержитvalue.

a.includes(value, i)

Возвращает истину, еслиaсодержитvalueпосле должностиi.

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по js: