Почему именно массив?
Объекты позволяют хранить наборы значений с ключами.
Но довольно часто мы обнаруживаем, что нам нужна упорядоченная коллекция, где у нас есть 1-й, 2-й, 3-й элемент и так далее. Например, нам это нужно для хранения списка чего-либо: пользователей, товаров, HTML-элементов и т. Д.
Для хранения упорядоченных коллекций существует специальная структура данных с именем
Array.
Nowdays Array - это ❤️ кода JavaScript, если вы работаете с API для связи с серверной частью.
Ой !!!! Простите за добавление базовой информации о массиве 😨
Давайте начнем! 🏃
1. включает ()
includes()method проверяет, содержит ли массив указанный элемент.
const languages = ["Javascript", "Python", "C#", "Java"];
languages.includes("Javascript");
//output: true
Этот метод возвращает true, если массив содержит элемент, и false, если нет.
2. обратный ()
Метод reverse() меняет порядок элементов в массиве.
const languages = ["Javascript", "Python", "C#", "Java"]; languages.reverse(); //output: ["Java", "C#", "Python", "Javascript"]
Примечание. этот метод изменит исходный массив.
3. присоединиться ()
Метод join() создает и возвращает новую строку, объединяя все элементы в массиве.
Элементы будут разделены указанным разделителем. Разделитель по умолчанию - запятая (,).
const languages = ["Javascript", "Python", "C#", "Java"]; languages.join(); //output: Java,C#,Python,Javascript
Примечание. этот метод не изменит исходный массив.
Предупреждение. Если элементом является undefined, null или пустой массив [], он преобразуется в пустую строку.
4. concat ()
Метод concat() используется для объединения двух или более массивов.
const languages = ["Javascript", "Python", "C#", "Java"]; const frameworks = ["Angular", "Express", "Next"]; const languagesAndFrameworks = languages.concat(frameworks); //output ["Javascript", "Python", "C#", "Java", "Angular", "Express", "Next"]
Этот метод не изменяет существующие массивы, но возвращает новый массив, содержащий значения объединенных массивов.
5. каждые ()
Метод every() проверяет, все ли элементы в массиве проходят проверку (предоставляется как функция).
давайте посмотрим на пример года:
const years = [2010, 2009, 2021, 2022]; years.every(a => a > 2008); //output: true
Метод every () выполняет функцию один раз для каждого элемента, присутствующего в массиве:
- Если он находит элемент массива, в котором функция возвращает значение false, every () возвращает false (и не проверяет оставшиеся значения)
- Если нет false, every () возвращает true
Примечание. every () не выполняет функцию для элементов массива без значений.
Примечание. every () не изменяет исходный массив.
6. push ()
Метод push() добавляет новые элементы в конец массива и возвращает новую длину.
const languages = ["Javascript", "Python", "C#", "Java"];
languages.push("GoLang");
//output ["Javascript", "Python", "C#", "Java", "GoLang"]
Примечание. Новые элементы будут добавлены в конец массива.
Примечание. Этот метод изменяет длину массива.
7. pop ()
Метод pop () удаляет последний элемент массива и возвращает этот элемент.
const languages = ["Javascript", "Python", "C#", "Java"]; languages.pop(); //output ["Javascript", "Python", "C#"]
Примечание. Этот метод изменяет длину массива.
8. shift ()
Метод shift() удаляет первый элемент массива.
const languages = ["Javascript", "Python", "C#", "Java"]; languages.shift(); //output ["Python", "C#", "Java"]
Примечание. Этот метод изменяет длину массива.
Примечание. Возвращаемое значение метода shift - удаленный элемент.
Примечание. этот метод изменит исходный массив.
9. unshift ()
Метод unshift () добавляет новые элементы в начало массива и возвращает новую длину.
const languages = ["Javascript", "Python", "C#", "Java"];
languages.unshift("C++, GoLanf");
//output ["C++, GoLanf", "Javascript", "Python", "C#", "Java"]
Примечание. Этот метод изменяет длину массива.
Вы сделали это 👍
Надеюсь, это поможет вам поиграть с массивом в повседневной жизни Javascript. Поделитесь знаниями с другими разработчиками.
Ознакомьтесь с несколькими важными концепциями JavaScript
Если вам понравилось это читать, не забывайте аплодисменты. 👏
Спасибо 😊
Happy.Code ()
