Maison > Article > programmation quotidienne > Comment ajouter de nouveaux éléments à un tableau en js

Comment ajouter de nouveaux éléments à un tableau en js

藏色散人original: 2018-12-19 16:15:3510120parcourir

js ajoute de nouveaux éléments au tableau Nous pouvons utiliser la méthode push pour ajouter. La méthode push() ajoute des éléments à la fin du tableau et renvoie la nouvelle longueur du tableau.

Ci-dessous, nous vous présenterons la méthode js pour ajouter des éléments à un tableau basée sur des exemples de code spécifiques.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>js往数组中添加新元素的示例</title>

</head>
<body>
<div id="result"></div>
<script>
 var arr = ["朱老师","灭绝","西门"];
 arr.push("欧阳克");

 console.log(arr);

 arr.push("韦小宝","小龙女");

 console.log(arr);

 for(var i = 0;i < arr.length; i++){
        document.write("<p>" + arr[i] + "</p>");
 }
</script>
</body>
</html>

Dans le code ci-dessus, nous définissons d'abord un tableau avec trois éléments, puis ajoutons un nouvel élément "Ouyang Ke" au tableau d'origine via la méthode push et utilisez la commande de débogage console.log() pour afficher le nouveau contenu du tableau sur la console avant, comme suit :

Comment ajouter de nouveaux éléments à un tableau en js

puis utilisez la méthode push pour ajouter deux éléments "Wei Xiaobao" et "Little Dragon Girl" au tableau, et la détection est la suivante :

Comment ajouter de nouveaux éléments à un tableau en js

Enfin, nous pouvons afficher le nouveau tableau sur la première page via une boucle for Tous les éléments :

Comment ajouter de nouveaux éléments à un tableau en js

push() La méthode ajoute un ou plus d'éléments à la fin du tableau et renvoie la nouvelle longueur.

La méthode push() ajoute ses paramètres à la fin de arrayObject dans l'ordre. Il modifie directement le arrayObject au lieu de créer un nouveau tableau. Les méthodes push() et pop() utilisent la fonction first-in-last-pop fournie par le tableau.

Remarque : Pour ajouter un ou plusieurs éléments au début du tableau, utilisez la méthode unshift() .

Cet article est une introduction à la méthode d'ajout de nouveaux éléments à un tableau en js. Il est également très simple, j'espère qu'il sera utile aux amis dans le besoin !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

for 循环栈 JS console

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment obtenir la taille de la fenêtre du navigateur en temps réel avec jsArticle suivant：Comment obtenir la taille de la fenêtre du navigateur en temps réel avec js

Articles Liés

Voir plus