Этот блог является четвертой частью серии статей по основам JavaScript. В этой серии будут рассмотрены массивы, многомерные массивы и некоторые из их полезных методов. Это лучше всего подходит для тех, кто плохо знаком с Javascript. Ссылка на предыдущий блог Строка и ее методы.
Охваченная тема
- Что такое массив
- Объявить и инициализировать массив
- Доступ к элементам массива
- Что такое многомерный массив и доступ к его элементам
- Некоторые полезные методы
Что такое массив
При программировании очень часто приходится сталкиваться с требованием хранить несколько значений вместе внутри переменной. Array помогает нам в этом.
Предположим, вы хотите сохранить все имена учеников (возьмем 50 в классе. Будем ли мы использовать 50 переменных?? Теперь, если случай изменится на всех учеников школы, ситуация станет очень опасной. Это просто пример зачем нужен массив.
Объявить и инициализировать массив
Объявление переменной будет похоже на переменную другого типа данных. Мы представляем элементы массива внутри квадратных скобок ‘[]’.
var studNames = ["Joe", "John", "Mary"];
Доступ к элементам массива
Как мы знаем, этот массив может хранить несколько значений одновременно. Мы можем получить доступ к его элементам, используя индексную ссылку. Массив имеет нулевые индексы, что означает, что первый элемент имеет индекс 0, второй — 1, третий — 2 и одновременно.
console.log(studNames[0]); // "Joe"
Мы можем присвоить значения массиву, используя индекс. Мы также можем присвоить новые значения уже назначенному индексу.
studNames[3] = "Tokyo"; // ["Joe", "John", "Mary", "Tokyo"] stuNames[1] = "Berlin"; // ["Joe", "Berlin", "Mary", "Tokyo"]
- Массив не является неизменным, как String. Как видно из приведенного выше блока кода, мы смогли изменить значения в индексе 1, а также мы смогли добавить новый элемент в конце.
- Массив может хранить несколько значений разного типа, он не ограничивается хранением одинаковых типов значений, например, он может хранить число и строку вместе внутри.
Что такое многомерный массив и доступ к его элементам
Многомерный массив также называется вложением массива в другой массив. Для простоты мы можем думать о них как о массиве или массивах. В приведенном выше блоке кода мы используем только одну квадратную скобку, в случае многомерности может быть несколько квадратных скобок. Первый представляет собой самый внешний массив, второй представляет собой непосредственный массив внутри внешнего аналогично, третий представляет собой непосредственный массив внутри второго.
var studNameClass = [["Joe", 3], ["John", 5], ["Tokyo", 8]]; console.log(studNameClass[0][1]); // 3
Некоторые полезные методы
В Javascript мы получаем нестандартные методы, некоторые из них весьма удобны, например, push(), pop(), toString(), shift(), unshift(), join(), concat(), reverse() и т. д.
- toString(): этот метод преобразует массив в формат строки. Он добавит все значение внутри массива с запятой в качестве разделителя и вернется.
var studNames = ["Joe", "John", "Mary"]; console.log(studNames); // "Joe,John,Mary"
- push(): этот метод принимает аргумент, переданный аргумент будет добавлен как последний элемент массива. Он также вернет окончательную длину массива после добавления.
var studNames = ["Joe", "John", "Mary"]; console.log(studNames.push("Tokyo")); // it will print 4 and final array ["Joe", "John", "Mary", "Tokyo"]
- pop(): этот метод удалит последний элемент массива и вернет значение удаленного элемента.
var studNames = ["Joe", "John", "Mary"]; console.log(studNames.pop()); // it will print "Mary" //the final array ["Joe", "John"]
- unshift(): этот метод принимает аргумент. По своей природе он похож на метод push, который добавит новый элемент. Но вместо добавления к последнему он добавит аргумент в начале и переместит более старый элемент в более высокий индекс, т.е. переместит нулевой элемент индекса в один и один элемент индекса в два и одновременно. Он также вернет окончательную длину массива.
var studNames = ["Joe", "John", "Mary"]; console.log(studNames.push("Tokyo")); // it will print 4 and final array ["Tokyo", "Joe", "John", "Mary"]
- shift(): этот метод похож на элемент pop() по своей природе. Но вместо удаления элемента из последнего он удалит первый элемент массива. Элемент с более высоким индексом будет перемещен в более низкий индекс, т.е. переместите второй элемент индекса в единицу и один элемент индекса в ноль и одновременно. Он также вернет удаленный элемент.
var studNames = ["Joe", "John", "Mary"]; console.log(studNames.pop()); // it will print "Joe" //the final array ["John", "Tokyo"]
На этом четвертый блог этой серии заканчивается, в следующем разделе мы подробно обсудим функции в Javascript.
Дошли до этого места, дайте мне следить за последними историями.
Если вам понравилось это читать, не забудьте про аплодисменты. 👏
Спасибо.