style.css

 body {            font-family: Arial, sans-serif;            margin: 20px;            padding: 0;        }        #container {            max-width: 500px;            margin: 0 auto;            padding: 20px;            border: 1px solid #ddd;            border-radius: 5px;        }        h2 {            text-align: center;        }        input[type=\\\"text\\\"] {            width: calc(100% - 24px);            padding: 10px;            margin-bottom: 10px;            border: 1px solid #ccc;            border-radius: 3px;        }        button {            width: 100%;            padding: 10px;            background-color: #28a745;            color: #fff;            border: none;            border-radius: 3px;            cursor: pointer;        }        button:hover {            background-color: #218838;        }        h4 {            margin-top: 20px;            color: #555;        }

\\\"Image

","image":"http://www.luping.net","datePublished":"2024-07-31T16:24:03+08:00","dateModified":"2024-07-31T16:24:03+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Метод push() в JavaScript

Метод push() в JavaScript

Опубликовано 31 июля 2024 г.
Просматривать:614

Метод push() в JavaScript добавляет один или несколько элементов в конец массива. Этот метод изменяет исходный массив и возвращает новую длину массива.

Синтаксис:

array.push(element1, element2, ..., elementN);

*Пример 1.: *

const fruits = ["Apple", "Banana"];
fruits.push("Orange", "Mango");
console.log(fruits); // Output: ["Apple", "Banana", "Orange", "Mango"]

*Пример 2.: *
Как динамически добавлять элементы с помощью метода push()

index.html



    
    
    Fruit List
   


    

Fruit List

style.css

 body {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 0;
        }
        #container {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        h2 {
            text-align: center;
        }
        input[type="text"] {
            width: calc(100% - 24px);
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }
        button:hover {
            background-color: #218838;
        }
        h4 {
            margin-top: 20px;
            color: #555;
        }

Image description

Заявление о выпуске Эта статья воспроизведена по адресу: https://dev.to/sudhanshu_developer/explanation-of-push-method-in-javascript-3cb5?1. Если есть какие-либо нарушения, свяжитесь с [email protected], чтобы удалить их.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3