Введение в массивы JavaScript

Массив – это набор элементов.

Массивы в JavaScript сами по себе не являются типом |.

Массивы – это объекты .

Мы можем инициализировать пустой массив этими двумя различными способами:

const a = []
const a = 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)

Вы можете получить количество элементов в массиве, проверив его свойство длина :

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) => {
  //return true or false
})

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

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

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

Приведенная выше строка вернет первый элемент в массиве, который имеет идентификатор .

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

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

Другой метод включает в себя() :

a.includes(value)

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

a.includes(value, i)

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

Оригинал: “https://flaviocopes.com/javascript-array/”