interface Web
js tutoriel
Explication graphique détaillée de la façon de supprimer un élément d'un tableau en JavaScript
Explication graphique détaillée de la façon de supprimer un élément d'un tableau en JavaScript
JavaScript est souvent utilisé dans le développement front-end, alors savez-vous comment utiliser JS pour supprimer des éléments spécifiés avec des valeurs ? Cet article partagera avec vous plusieurs méthodes pour supprimer un élément d'un tableau dans JS. Les amis intéressés peuvent s'y référer. J'espère que cela pourra vous aider.
Méthode 1 : slice() supprime les éléments du tableau
La méthode slice peut intercepter une certaine partie du tableau, et tous les principaux navigateurs prennent en charge la méthode slice.
Syntaxe : array.slice(start, end)
start indique la position de départ de l'interception, end indique la position de fin, omettre end signifie intercepter jusqu'au dernier bit.
Exemple : Cliquez sur le bouton pour supprimer le premier élément du tableau
Description : Si nous voulons supprimer le premier élément du tableau, nous pouvons utiliser la méthode slice pour intercepter le premier élément Pour les éléments autres que slice(1), le code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮删除第一个数组元素。</p>
<button onclick="myFunction()">点我</button>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.slice(1);
document.write("新数组是："+ animal1)
}
</script>
</html>Rendu :
Méthode 2 : shift() supprime les éléments du tableau
La méthode shift peut supprimer le premier élément du tableau puis renvoyer la valeur du premier élément. Tous les principaux navigateurs prennent en charge la méthode shift. L’inconvénient est que seul le premier élément du tableau peut être supprimé.
Syntaxe : array.shift()
Le code est le suivant :
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.shift();
document.write("删除的元素是："+ animal1)
}
</script>Rendu :
Méthode 3 : La méthode splice() supprime les éléments du tableau
La méthode splice() peut insérer, supprimer ou remplacer des éléments du tableau, et tous les principaux navigateurs prennent en charge la méthode d'épissage.
Syntaxe : array.splice(index,howmany,item1,...,itemX)
index indique où ajouter ou supprimer des éléments, combien indique combien d'éléments doivent être supprimés, item indique à ajouter à le nouvel élément du tableau.
Exemple de description : Supprimer un élément à partir de l'indice 0. Le code est le suivant :
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.splice(0,1);
document.write("删除的元素是："+ animal1)
}
</script>Rendu :
Ce qui précède présente trois méthodes en JavaScript pour supprimer un élément dans un tableau. Les principes sont les mêmes, mais les méthodes sont différentes. La méthode à choisir au travail dépend des besoins professionnels et des habitudes personnelles. compréhension. J’espère que cet article pourra vous aider !
Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript Formation php sur le bien-être public
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1393
52
1207
24
Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ?
Apr 27, 2024 am 11:33 AM
La méthode d'utilisation d'une boucle foreach pour supprimer les éléments en double d'un tableau PHP est la suivante : parcourez le tableau, et si l'élément existe déjà et que la position actuelle n'est pas la première occurrence, supprimez-le. Par exemple, s'il existe des enregistrements en double dans les résultats de la requête de base de données, vous pouvez utiliser cette méthode pour les supprimer et obtenir des résultats sans enregistrements en double.
L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite
May 01, 2024 pm 12:30 PM
Les méthodes de copie approfondie de tableaux en PHP incluent : l'encodage et le décodage JSON à l'aide de json_decode et json_encode. Utilisez array_map et clone pour créer des copies complètes des clés et des valeurs. Utilisez Serialize et Unsérialize pour la sérialisation et la désérialisation.
Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes
May 03, 2024 pm 09:03 PM
La comparaison des performances des méthodes de retournement des valeurs de clé de tableau PHP montre que la fonction array_flip() fonctionne mieux que la boucle for dans les grands tableaux (plus d'un million d'éléments) et prend moins de temps. La méthode de la boucle for consistant à retourner manuellement les valeurs clés prend un temps relativement long.
Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces
Apr 30, 2024 pm 03:42 PM
La meilleure pratique pour effectuer une copie complète d'un tableau en PHP consiste à utiliser json_decode(json_encode($arr)) pour convertir le tableau en chaîne JSON, puis à le reconvertir en tableau. Utilisez unserialize(serialize($arr)) pour sérialiser le tableau en chaîne, puis désérialisez-le en un nouveau tableau. Utilisez RecursiveIteratorIterator pour parcourir de manière récursive des tableaux multidimensionnels.
Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes
Apr 29, 2024 pm 09:12 PM
Le tri des tableaux multidimensionnels peut être divisé en tri sur une seule colonne et en tri imbriqué. Le tri sur une seule colonne peut utiliser la fonction array_multisort() pour trier par colonnes ; le tri imbriqué nécessite une fonction récursive pour parcourir le tableau et le trier. Les cas pratiques incluent le tri par nom de produit et le tri composé par volume de ventes et prix.
Application de la fonction de regroupement de tableaux PHP dans le tri des données
May 04, 2024 pm 01:03 PM
La fonction array_group_by de PHP peut regrouper des éléments dans un tableau en fonction de clés ou de fonctions de fermeture, renvoyant un tableau associatif où la clé est le nom du groupe et la valeur est un tableau d'éléments appartenant au groupe.
Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double
May 05, 2024 am 09:21 AM
La fonction array_group() de PHP peut être utilisée pour regrouper un tableau par une clé spécifiée afin de rechercher les éléments en double. Cette fonction fonctionne selon les étapes suivantes : Utilisez key_callback pour spécifier la clé de regroupement. Utilisez éventuellement value_callback pour déterminer les valeurs de regroupement. Comptez les éléments regroupés et identifiez les doublons. Par conséquent, la fonction array_group() est très utile pour rechercher et traiter des éléments en double.
Algorithme de fusion et de déduplication de tableaux PHP : solution parallèle
Apr 18, 2024 pm 02:30 PM
L'algorithme de fusion et de déduplication de tableaux PHP fournit une solution parallèle, divisant le tableau d'origine en petits blocs pour un traitement parallèle, et le processus principal fusionne les résultats des blocs à dédupliquer. Étapes algorithmiques : divisez le tableau d'origine en petits blocs également alloués. Traitez chaque bloc pour la déduplication en parallèle. Fusionnez les résultats du bloc et dédupliquez à nouveau.
