Массивы JavaScript

В информатике Массивы проиндексированы структуры данных начиная с нуля.

В базовом определении Структура данных определяет, как данные хранятся в памяти компьютеров . Технически говорящие структуры данных определяются как:

… Организация, управление и формат хранения данных, который обеспечивает эффективный доступ и модификацию. – Википедия

Когда вы используете правильную структуру данных в нужное время в вашем приложении, вы получите максимально возможную производительность Отказ Производительность JavaScript – целая тема самостоятельно и не будет покрыта в этом посте и в этой серии.

Массивы JavaScript тихие легко начать, но, как вы обнаружите позже, есть много способов манипулирования массивами в JavaScript.

Все скриншоты из Firefox 71.0 и его инструменты разработчика. Одна конкретная особенность в Firefox 71.0, достойна упоминания Многострочный редактор кода в консоли.

Есть два способа создать массив в JavaScript. Они есть:

• Обозначение квадратных кронштейнов → []
• Новый массив () Синтаксис → Новый массив ()

Второй синтаксис – это Объектно-ориентированный формат и может быть запугивая, с другой стороны Квадратный кронштейн – новичок дружелюбный Поэтому мы будем использовать его в наших примерах кода.

Переключитесь в браузер и убедитесь, что вы включили Многострочный редактор кода Отказ

Введите следующий код:

// create an empty array
var a = [];

// check the array
a;

Затем нажмите на Беги кнопка для выполнения кода.

Теперь давайте добавим элемент, используя Индексные номера начиная с нуля.

// Add the elements
a[0] = "Linux";
a[1] = "macOS";
a[2] = "Microsoft Windows";

// check if there are elements in the array
a;

Переключитесь к редактору консоли и запустите код.

Вы можете получить этот элемент, используя их Номер индекса Отказ

Когда вы делаете попытку получить несуществующий элемент, вы получите undefined Отказ

Каждый массив имеет свойство длины, которое является количеством элементов в массиве.

Формат:

• array.length

Используя наш предыдущий пример:

a.length;

// Expected output: 3

Когда код выполнен в консоли, вы получите тот же выход.

Под капотом JavaScript массивы являются объекты Поэтому мы можем использовать Удалить Оператор для удаления элемента из массива.

delete a[1]; // delete element at index 1

// Expected output: true

В консоли это также вернется правда :

Теперь , когда мы проверяем массив, мы получаем undefined в месте массива, который был удален.

Когда мы удалили элемент в массиве, он создал отверстие в массиве, который привел к undefined что нежелательно.

Это может быть исправлено, если мы используем Сращивание () метод. Сращивание () метод займет стартовый индекс и Количество элементов для удаления из массива. После удаления все элементы будут переставлены, и их индекс изменится соответственно Отказ

Лучший способ увидеть это в действии – добавить больше элементов в наш массив, затем удалить некоторые с Сращивание () метод. После этого мы перечислим элемент в массиве, и вы будете наблюдать, что их индекс изменился.

Сначала давайте опустошим массив, мы можем сделать это, присваивая пустой массив ( [] ) нашей переменной А :

Далее мы добавляем некоторые элементы.

// seven elements will be added to
// the array

a[0] = "Linus Torvalds";
a[1] = "Dennis Ritchie";
a[2] = "William H. Gates";
a[3] = "Time Berners-Lee";
a[4] = "Stephen Hawking";
a[5] = "Lawrence Page";
a[6] = "Paul Allen";

В консоли:

Далее мы удалим три элемента между Индекс 2 и Индекс 4 Отказ

// This will remove three elements

a.splice(2, 3);

// the removed element 
// Array(3) [ "William H. Gates", "Time Berners-Lee", "Stephen Hawking"]

В консоли:

Когда вы проверяете массив, вы будете реализовать элементы были переставлены.

Есть больше для массивов JavaScript, чем то, что мы обсуждали здесь, но этого достаточно, чтобы начать.

Далее, объекты.

Оригинал: “https://dev.to/ziizium/javascript-arrays-50c5”