Манипулирование массивами в JavaScript: понимание метода pop() для начинающих
19 декабря 2023 г.Как новичок в области разработки программного обеспечения, особенно если вы будете изучать JavaScript. В какой-то момент вам придется работать с массивами JavaScript. А работа с массивами вызовет желание добавить или удалить что-то в коллекции Array. n n Обратите внимание, что в JavaScript массив — это структура данных, в которой хранится коллекция элементов. Элементы могут иметь любой тип данных, например числа, строки или объекты. Массивы объявляются с использованием квадратных скобок [], а элементы разделяются запятыми. n Итак, если вы хотите иметь возможность удалять из списков массивов то, что было добавлено, то это руководство для вас. n n Если вы хотите прочитать некоторые из моих руководств, вы можете их получить здесь, или если вы хотите просмотреть некоторые из моих проектов, вы можете увидеть их в моем репозитории. n n А теперь, не теряя времени, перейдем к уроку!
n **Что такое метод pop() в JavaScript
n Метод javaScriptpop() — это встроенная функция, которая используется для удаления последнего элемента из массива и возврата этого элемента.
n Например, если у вас есть приложение электронной коммерции, вы перечислили товары, которые хотите продать, в формате массива и хотите удалить последний только что добавленный элемент, вы можете использовать метод pop(). . Это избавит вас от стресса и сделает вашу работу намного чище. n n Если вы вызываете функцию pop() для пустого массива, она возвращает неопределенное значение. n Функция сдвиг() имеет аналогичную цель, за исключением того, что она работает с первым элементом массива. n Для чего используется pop() n n Метод pop() обычно используется для удаления последнего элемента из массива и возврата его для дальнейшей обработки или хранения. Он часто используется в ситуациях, когда вы хотите отслеживать последний элемент, добавленный в список, или когда вам нужно удалить последний элемент из списка и вернуть его для какой-либо другой цели, например, для отображения его пользователю или добавления. в другой список. n n Один из распространенных случаев использования метода pop() — это структура данных стека, где элементы добавляются и удаляются в порядке «последним пришел — первым вышел» (LIFO). Метод pop() используется для удаления последнего элемента, добавленного в стек. n n Другой распространенный случай использования — когда вы хотите удалить последний элемент массива и вернуть его как результат функции. Например, в игре, где у вас есть список игроков, вы хотите удалять последнего из списка каждый раз, когда начинается новый раунд. n n Стоит также отметить, что метод pop() изменяет исходный массив, поэтому важно учитывать это при его использовании в коде. Если вы хотите сохранить копию исходного массива нетронутой, вам следует сделать ее копию перед использованием метода pop() или использовать другие методы, такие как срез(), которые не изменяют исходный массив.
n **Как использовать JavaScript pop()
n Чтобы удалить последний элемент из массива и вернуть его, используйте функцию pop() в JavaScript. Вот иллюстрация того, как это применить: n n letfruits = ["яблоко"" "банан"" "вишня"]; n let LastFruit = Fruits.pop(); n console.log(фрукты); //вывод: ["яблоко", "банан"] n console.log(lastFruit); //Вывод: "вишня" n n В приведенном выше примере Fruit.pop() переносит конечный фрукт, вишню, из массива фруктов в переменную LastFruit. Удаленный элемент также записывается в консоль вместе с измененным массивом фруктов. n n Помните, что функцию pop() можно использовать для удаления последнего элемента и сохранения его в переменной для дальнейшего использования. Он изменяет исходный массив и возвращает удаленный элемент. n Несколько вещей, которые вам следует знать о методе pop()
n Этот раздел представляет собой интригующую часть данного руководства, которая знакомит вас с методом pop(). n n Ниже приведены несколько вещей, которые вам следует знать о методе pop() в JavaScript: n n Метод pop() изменяет исходный массив. После вызова pop() последний элемент массива удаляется, а длина массива сокращается на 1. n n Метод pop() возвращает удаленный элемент. Это означает, что вы можете сохранить удаленный элемент в переменной для дальнейшего использования. n n Если массив пуст, метод pop() возвращает неопределенное значение. n n Метод pop() можно вызвать для любого объекта, подобного массиву, а не только для настоящих массивов. n n Если вам нужно удалить элемент из определенной позиции в массиве, вы можете использовать метод splice() вместо pop(). n n Метод pop() — это операция на месте; он не создает новый массив; он изменяет исходный массив. n n Метод pop() изменяет исходный массив. Если вы хотите удалить последний элемент из массива, не изменяя исходный массив, вы можете использовать метод срез(). n n Метод pop() не принимает никаких параметров. n n Метод pop() поддерживается во всех современных браузерах и может использоваться как в клиентском, так и в серверном JavaScript.
n Примеры метода pop() в JavaScript
Здесь мы рассмотрим несколько примеров использования метода pop() и кратко объясним, как они работают в каждом из примеров. нет нет Пример-1
Давайте проиллюстрируем функцию pop(), создав массив цифр и применив к нему метод pop(). n n // pop возвращает объект любого типа n var digit = [ n [1, 2, 3], n [4, 5, 6], n [-6, -7, -8], n ]; n console.log(digit.pop()); // [ -6, -7, -8 ] n console.log(digit); // [ [ 1, 2, 3 ], [ 4, 5, 6 ] ] n n Глядя на приведенные выше примеры, рядом с кодами вы найдете несколько комментариев. Эти комментарии объясняют суть кода. n n Пример 2: удаление последнего элемента из массива JS
Давайте проиллюстрируем действия метода pop, создав массив SongList и применив к нему метод pop. n n Let songList = ["моя помощь", "Imolede", "хвалы", "последний последний", "неудержимый"]; n n let RemoveSongList = songList.pop(); n n console.log(songList, RemoveSongList); n n Выше — лучший пример того, как можно использовать метод pop; мы использовали его для удаления «unstoppable» из списка, и после удаления его из списка оставшийся список будет опубликован. n n Пример 3: Использование pop () метод в функции
Удаление последнего значения из массива и использование документа. Напишите функцию для отображения ее на экране, а не на консоли. n n // Иллюстрация функции pop() в Javascript n functiontesting() { n var food = ["Рис", "Хлеб", "Фасоль", "Солод"]; n //Здесь мы извлекаем последний элемент из массива n var popped = food.pop(); n document.write("Элемент, который удаляется из массива: " + popped); документ.write("
"); n document.write("Оставшиеся элементы: " + еда ); n } n тестирование (); n n Приведенный выше пример — последний пример, который я здесь проиллюстрирую, но есть и другие примеры, для которых вы можете использовать метод pop().
n **Заключение п Хорошо. Наконец, мы подошли к концу этого урока. Надеемся, вы получили массу пользы от этого руководства «Что вам следует знать о функции pop() в JavaScript для начинающих». n n Мы многое увидели, просто рассказывая об этом уроке. Не стесняйтесь оставлять комментарии! И, пожалуйста, следуйте за мной, чтобы увидеть больше уроков. n n До новых встреч, хорошего дня!
Об авторе Эммануэль Околи — Full-Stack разработчик Laravel с более чем 2-летним опытом работы в индустрии разработки программного обеспечения. nn Он развил полноценные навыки в сочетании разработки программного обеспечения, написания программного обеспечения и обучения других тому, что он делает. Его стеки включают JavaScript, PHP, ReactJs, Laravel и другие. n n В настоящее время он работает фрилансером, создает веб-сайты для клиентов и пишет технические руководства, обучая других тому, что делает он. nn Эммануэль Околи открыт и готов услышать ваше мнение. Пожалуйста, посетите и подпишитесь на него в Linked-In, Facebook, Github, Twitter или на его веб-сайте.
Также опубликовано здесь.
Оригинал