Я не знаю, где бы я был без массивов JavaScript (JS). Они определенно пригодятся для более чем одного проекта в моем опыте веб-разработки. Массивы очень эффективны для всех видов веб-сайтов, приложений и игр. Есть несколько ресурсов, доступных из видео, коллег и веб-сайтов кодирования, таких как W3Schools, чтобы узнать, как создать массив. В этой статье основное внимание уделяется некоторым — не всем — существующим методам работы с массивами.
Массивы имеют ряд методов сортировки, чтобы обеспечить то, что пользователь увидит на их конце. Вот лишь некоторые из них: выталкивание, нажатие, смещение, неизменение и конкатенация. Метод идет сразу после массива, чтобы в некотором смысле завершить массив.
Я буду использовать свой основной массив для каждого метода, который я описываю сегодня:
Var colorOptions = ["красный", "оранжевый", "желтый", "зеленый", "синий", "фиолетовый"];
Выскакивают
var colorOptions = ["красный", "оранжевый", "желтый", "зеленый", "синий", "фиолетовый"];
colorOptions.pop();
Как видите, мы вызываем метод извлечения после массива. Он удалит фиолетовый цвет из массива, так как это последний элемент. Затем консоль ответит:
красный, оранжевый, желтый, зеленый и синий.
Толкая
var colorOptions = ["красный", "оранжевый", "желтый", "зеленый", "синий", "фиолетовый"];
colorOptions.push («розовый»);
Метод push возвращает ответ консоли:
красный, оранжевый, желтый, зеленый, синий, фиолетовый, розовый.
Метод push берет элемент в скобках метода и добавляет его в список, как показано выше.
Сдвиг
var colorOptions = ["красный", "оранжевый", "желтый", "зеленый", "синий", "фиолетовый"];
colorOptions.shift();
Метод shift возвращает ответ консоли:
оранжевый, желтый, зеленый, синий, фиолетовый.
Вы заметили, что метод сдвига удаляет первый элемент массива. Строка «красный» больше не отображается в консоли.
Неизменный
var colorOptions = ["красный", "оранжевый", "желтый", "зеленый", "синий", "фиолетовый"];
colorOptions.unshift («неоновый красный»);
Поэтому станет в консоли,
неоново-красный, красный, оранжевый, желтый, зеленый, синий, фиолетовый
Объединение
var colorOptions = ["красный", "оранжевый", "желтый", "зеленый", "синий", "фиолетовый"];
var shapeOptions = ["круг", "квадрат", "треугольник"];
var mySelection = colorOptions.concat(shapeOptions);
Чтобы вернуть значение:
красный, оранжевый, желтый, зеленый, синий, фиолетовый, круг, квадрат, треугольник
Метод конкатенации дает массивам массу возможностей и возможностей для веб-сайтов и веб-приложений, если пользователям необходимо создавать, выбирать и объединять более одной категории. Это также может запустить инструмент проектирования для моих примеров массивов, таких как выбор цвета и формы.
Понимание массивов и того, как они работают, может быть непростой задачей. Разработчики могут запутаться и забыть, какой метод что делает. Я знаю по личному опыту, насколько мощными они могут быть для потребителей и геймеров по другую сторону конечных продуктов. Массивы могут быстро стать решением для сбора данных во многих отношениях.
Обри Джонс Барнс — студент программы «Цифровые медиа» в Университете Юта-Вэлли, Орем, Юта, изучает разработку веб-сайтов и приложений. Следующая статья относится к Участку 5 — Лесовод в курсе DGM 2760 и представляет полученные навыки.