Java-массив. Часть 6 Курс JavaScript от начального до продвинутого в 10 сообщениях в блоге

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

Массив Java – оглавление:

1. Массивы — основная информация
2. Добавление элементов в массив java
3. Удаление элементов из массива
4. Узнать длину в массивах
5. Сортировка массивов
6. Перестановка элементов в массивах
7. Для каждого
8. Включает в массивы

В этом руководстве предполагается, что у вас уже настроена среда кодирования. Если вы следовали предыдущим руководствам, оно уже должно было быть открыто. Если по какой-то причине вы закрыли настройку, вы можете найти полные инструкции по настройке в части 4 этой серии. В этом руководстве мы рассмотрим, как настроить среду Google Chrome Snippets для кодирования.

Если вам удобно пользоваться Google Chrome, вот быстрый способ настроить его для этого руководства. В противном случае вы можете ознакомиться с полным набором пошаговых инструкций по настройке среды кодирования в части 4.

Если вы работаете на Mac, сочетание клавиш для открытия консоли — нажать «Option + Command + J» после того, как вы откроете Chrome. Если вы используете устройство Windows, вы можете использовать сочетание клавиш «Control + Shift + J», чтобы открыть консоль JavaScript после открытия Chrome. Или вы также можете перейти в меню вверху и перейти в «Просмотр» -> «Разработчик» -> «Консоль JavaScript». После открытия консоли вы можете щелкнуть вкладку «Источники», которая находится рядом с «Консоль». Теперь вы показываете фрагменты. Вы можете либо продолжить кодирование во фрагменте, который вы уже начали использовать ранее, либо создать новый фрагмент, нажав кнопку «+ Новый фрагмент». Пока у вас есть код, настроенный для этого урока, где вы можете практиковаться, все готово.

Массив Java — основная информация

Массивы широко используются во многих языках программирования, и JavaScript не является исключением. И это не зря. Но вам может быть интересно, с чего начать? Массивы, по сути, представляют собой набор связанных данных, к которым можно получить доступ и которыми можно манипулировать с помощью определенных определенных методов. Давайте рассмотрим несколько примеров для массива, чтобы иметь более полное представление.

const numbersUntilTen = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const testAnswers = [true, true, false, false, true];
const pets = ["dogs", "cats", "birds", "fishes"];

Мы можем использовать массив java для хранения нескольких различных типов данных. Например, в приведенном выше коде мы сохранили некоторые числа, логические значения, а также строковый тип данных.

Мы можем создать массив java так же, как и другие переменные, с ключевыми словами const или let в левой части и содержимым массивов в правой части уравнений. Одна вещь, на которую вы должны обратить внимание, это то, что когда мы создаем массивы, мы используем квадратные скобки для заключения элементов, как мы это делали в приведенном выше коде. Мы также разделяем каждый элемент запятой, независимо от их типа данных.

В этом руководстве мы напишем код таким образом, чтобы вы могли копировать и вставлять все в этом руководстве, последовательно или вводить все во фрагмент JavaScript в Chrome, и он будет работать должным образом, если вы будете следовать порядку. Например, для вас это означает, что если мы определяем переменную с ключевым словом const один раз в учебнике, обычно вы не можете снова определить другую переменную с точно таким же именем. Вот почему, если вы собираетесь частично копировать и вставлять часть кода, рекомендуется убедиться, что вы также определяете эти переменные в своем коде. Это не должно быть проблемой, если вы следуете руководству в том порядке, в котором оно представлено.

Одна из первых вещей, которые вы должны знать о массиве Java, это то, что после создания массива вам необходимо получить доступ к его элементам. Массивы имеют то, что называется «нумерованные индексы», и на практике это означает, что каждый элемент, который вы создаете в JavaScript, имеет число, связанное с ним слева направо, от нуля до длины массива java. минус один.

Например, в приведенном выше коде для домашних животных мы можем получить доступ к первому элементу «собаки», записав имя переменной, раскрыв квадратные скобки, вставив индекс элемента, к которому мы хотим получить доступ, и закрыв квадратную скобку. :

alert(pets[0]);

Аналогичным образом, ввод более высоких чисел приведет к отображению других элементов в отображаемом окне предупреждения.

alert(pets[1]);
alert(pets[2]);
alert(pets[3]);

Поскольку у нас было 4 элемента в массиве pets, и мы начали индексы с 0, доступ к последнему элементу массива осуществляется с помощью pets[3], что на 1 меньше общей длины массива. В этот момент вам может быть интересно, теперь, когда мы можем создать массив и получить доступ к элементу из этого массива, как насчет внесения изменений в этот массив? Как насчет добавления новых элементов, изменения существующих элементов или удаления элементов? Что ж, давайте рассмотрим это шаг за шагом и начнем с добавления новых элементов в массив.

Добавление элементов в массив java

Есть несколько способов добавить разные элементы в массив. Если мы знаем, что хотим добавить новый элемент в конец массива, то можем использовать метод «push». Это также называется добавлением нового элемента в массив. Обратите внимание, что отправленный элемент окажется в конце массива. Например:

pets.push("snakes");
// lets verify that we have snakes as the last item
// by displaying the array contents
alert(pets);

Если мы знаем, что хотим добавить элемент в массив java в качестве первого элемента, мы можем использовать ключевое слово «unshift». Давайте посмотрим, что на примере:

//running this code will shift all the values
// to one side and will add the first pet of dragon
pets.unshift(“dragons”); 
//lets verify this by displaying the contents of the array
alert(pets);

Замечательно, что мы можем добавлять элементы в конец массива или в начало массива, но что делать, если по какой-то причине я хочу внедрить элементы в массив в определенные позиции. Допустим, я хочу добавить черепах на третью позицию. Это вообще возможно? Да, это так. Чтобы внедрить элемент в массив, мы можем определить его так же, как создать эту часть массива и присвоить значение определенной части массива. Также не забывайте использовать значения индекса при вставке значений. С практической точки зрения это выглядит так:

pets[2] = "turtles";
// lets verify that we have turtles as the third item
// by displaying the contents of the array
alert(pets);

Удаление элементов из массива

В этот момент вам может быть интересно, как насчет удаления элементов из массива? Ну, для этого тоже есть несколько способов. Вероятно, самым известным является использование метода «поп». Это каким-то образом вытолкнет ваш последний элемент из массива. // это удалит последний элемент в массиве pets.pop(); // проверим результаты, отобразив содержимое массива alert(pets);

Как видите, с помощью метода pop мы удалили последний элемент pet змей из нашего массива pet.

Другой способ удалить элементы из массива Java — использовать ключевое слово «shift». Когда мы используем сдвиг, первый элемент будет удален, а остальные значения индекса подстроятся под них. Например:

// this will delete the first item
// and will shift the other items into their new index values
// which will be one lower than the previous index values
pets.shift();
// let's also verify this by displaying the array
alert(pets);

Название «сдвиг» на самом деле происходит от того, как работает распределение памяти в памяти компьютера. Так что, если поначалу это кажется относительно неинтуитивным, это тоже прекрасно. А пока вы должны знать, что с помощью метода сдвига мы можем удалить первый элемент из массива.

Узнать длину в массивах

Когда мы имеем дело с массивами в реальной жизни, может быть много раз, когда мы хотим подсчитать количество элементов массива. Это может понадобиться в самых разных местах, включая списки дел, списки участников в школе или на работе и так далее. Для этого у нас есть встроенное свойство массива под названием «длина», и оно сообщит нам общую длину массива. Например:

alert(pets.length);

Сортировка массивов

Сортировка массивов — довольно распространенная операция в JavaScript. Существуют различные конкретные реализации сортировки элементов в JavaScript. Эти конкретные реализации в целом называются алгоритмами сортировки. Различные алгоритмы сортировки могут иметь разные преимущества и недостатки. Например, алгоритм сортировки может быть выбран вместо другого, потому что его просто намного проще реализовать в коде по сравнению с другим алгоритмом, даже если они могут показывать немного лучшую производительность. Возможно, вы слышали о различных алгоритмах сортировки для оптимизации производительности. В этом руководстве мы будем использовать встроенный метод сортировки, предоставляемый JavaScript. Сортировка — довольно распространенная проблема, особенно в веб-разработке. Например, если вы создаете веб-сайт электронной коммерции, вам необходимо реализовать различные ситуации сортировки, чтобы ваш пользователь мог выбирать. Хотя нет строгих правил относительно того, какие опции и возможности вы должны предоставить своей аудитории, существуют довольно общие стандарты, которые ожидаются от вас как от создателя веб-сайтов. Например, как пользователь, есть большая вероятность, что вы захотите перечислить некоторые товары в магазине как по возрастанию, так и по убыванию. При реализации сортировки для этих задач вы должны помнить, как ее реализовать, учитывая, что пользователь также может ограничить результаты поиска некоторыми другими категориями, такими как футболки, кепки, сумки и так далее. Мы можем отсортировать массив, добавив в его конец «.sort()».

pets.sort();
alert(pets);

Перестановка элементов в массивах

Обращение массива, вероятно, чаще сочетается с сортировкой. В этом случае, поскольку мы также выполняем эти коды сверху вниз, мы также применяем реверсирование после сортировки массива. Мы можем реверсировать и массивировать, добавляя «.reverse()» в конец. домашние животные.реверс(); оповещение (домашние животные);

Поскольку мы упорядочили массив на предыдущем шаге, вы можете видеть, что теперь у нас есть массив, который одновременно отсортирован и перевернут.

Для каждого

Когда мы работаем с массивами, JavaScript предоставляет нам удобный способ перебора элементов массива с помощью «.forEach()». Если мы действительно хотим, мы все равно можем использовать обычный цикл for для перебора массива. На самом деле давайте сначала посмотрим, как построить цикл for для обработки массива, а затем мы увидим, как использовать forEach().

// this will alert us 4 times to feed our pet
for (let a = 0; a < pets.length; a++) {
    alert("Time to feed my pet");
}

Мы также можем добиться того же результата, используя forEach.

pets.forEach(alert("Time to feed my pet"));

Когда мы сравниваем использование циклов for или For each, в зависимости от ваших предпочтений и конкретной ситуации вы можете предпочесть использовать один из них другому. По сути, они оба достигают одинаковых результатов с разными стилями кода. ForEach может быть относительно проще и сэкономит вам строку кода для чтения и записи, но в конечном итоге это будет ваш выбор. Вам не обязательно делать такой выбор прямо сейчас и придерживаться его. Когда вы пишете код, вы можете экспериментировать с решением одной и той же проблемы, используя разные подходы, по мере того, как вы продвигаетесь в своем путешествии по программированию.

Включает в массивы

Мы также можем проверить, существует ли элемент внутри массива java. Одним из примеров использования этого метода в реальной жизни может быть то, включает ли частное мероприятие имя человека в список приглашенных. Фактическая реализация также довольно проста. Сначала пишем имя массива, в данном случае мы работаем с массивом pets. Затем мы ставим точку, чтобы получить доступ к различным свойствам и методам массива, затем пишем «включает», затем открываем и закрываем круглые скобки и вводим внутри имя элемента, который хотим проверить. Вот пример, который проверяет элемент, который, как мы знаем, существует в массиве:

alert(pets.includes("dogs"));

Если мы также попытаемся сделать то же самое с известным нам элементом, который не существует в массиве java, мы ожидаем получить ответ false. Давайте также рассмотрим этот случай на примере:

alert(pets.includes("puppy"));

Поскольку у нас не было щенка в массиве pets, мы получаем false, как и ожидали. В следующем уроке мы увидим еще одну важную концепцию как в мире программирования, так и в JavaScript.

Курс JavaScript от начального до продвинутого в 10 сообщениях в блоге:

1. Как начать программировать на JavaScript?
2. Основы JavaScript
3. Переменные и разные типы данных в JavaScript
4. Фрагменты и управляющие структуры
5. Циклы while и циклы for
6. Массив Java
7. Функции JavaScript
8. Объекты JavaScript
9. Методы JavaScript и многое другое
10. Краткое содержание курса JavaScript