estilo.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"}}
"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Método push() em JavaScript

Método push() em JavaScript

Publicado em 31/07/2024
Navegar:940

O método push() em JavaScript adiciona um ou mais elementos ao final de um array. Este método modifica o array original e retorna o novo comprimento do array.

Sintaxe:

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

*Exemplo 1.: *

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

*Exemplo 2.: *
Como adicionar elementos dinamicamente usando o método push()

index.html



    
    
    Fruit List
   


    

Fruit List

estilo.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

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/sudhanshu_developer/explanation-of-push-method-in-javascript-3cb5?1 Se houver alguma violação, entre em contato com [email protected] para excluí-la
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3