Maison interface Web js tutoriel JS supprime un élément dans le code de l'instance du tableau

JS supprime un élément dans le code de l'instance du tableau

Feb 05, 2018 am 09:56 AM
javascript 元素 实例

Cet article partage principalement avec vous une méthode JS pour supprimer un élément dans un tableau. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Supprimer un élément spécifié dans le tableau

Tout d'abord, vous pouvez définir une fonction pour l'objet tableau JS afin de trouver la position de l'élément spécifié dans le array. c'est-à-dire l'index, le code est :


Array.prototype.indexOf = function(val) { 
for (var i = 0; i < this.length; i++) { 
if (this[i] == val) return i; 
} 
return -1; 
};
Copier après la connexion

Ensuite, utilisez pour obtenir l'index de cet élément, et utilisez la fonction inhérente du tableau js. pour supprimer cet élément :

Le code est :


Array.prototype.remove = function(val) { 
var index = this.indexOf(val); 
if (index > -1) { 
this.splice(index, 1); 
} 
};
Copier après la connexion

De cette façon, une telle fonction est construite. Par exemple, j'ai un tableau. :


var emp = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]
Copier après la connexion

Si nous voulons supprimer le 'fd', nous pouvons utiliser :


emp.remove(&#39;fd&#39;);
Copier après la connexion

Supprimer une certaine partie du tableau Item

splice(index,len,[item]) Remarque : Cette méthode modifiera le tableau d'origine.

splice a 3 paramètres, elle peut également être utilisée pour remplacer/supprimer/ajouter une ou plusieurs valeurs dans le tableau

index : index de départ du tableau len : remplacement/suppression de l'élément de longueur : Valeur de remplacement, si l'opération de suppression est effectuée, l'élément sera vide

Par exemple : arr = ['a','b','c','d']

Supprimer


//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1); 
console.log(arr); 
//[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]; 
 
 
//删除起始下标为1,长度为2的一个值(len设置2) 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 
arr2.splice(1,2); 
console.log(arr2); 
//[&#39;a&#39;,&#39;d&#39;]
Copier après la connexion

Remplacer


//替换起始下标为1,长度为1的一个值为‘ttt&#39;,len设置的1 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;c&#39;,&#39;d&#39;] 
 
 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr2.splice(1,2,&#39;ttt&#39;); 
console.log(arr2);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;d&#39;] 替换起始下标为1,长度为2的两个值为‘ttt&#39;,len设置的1
Copier après la connexion

Add --- len est défini sur 0, item est la valeur ajoutée


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,0,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 表示在下标为1处添加一项&#39;ttt&#39;<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);"> </span>
Copier après la connexion

Après que la méthode delete supprime les éléments du tableau, l'indice sera marqué. Si la valeur est définie sur non défini, la longueur du tableau ne changera pas


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
Copier après la connexion

Recommandations associées :

PHP supprime l'élément d'indice spécifié dans le tableau Exemple de code

5 algorithmes JavaScript pour supprimer les éléments en double des tableaux

Utilisation de la récursivité PHP pour supprimer éléments nuls des tableaux

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!

Déclaration de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

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 !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Découvrez des exemples de bonnes pratiques de conversion de pointeur dans Golang Découvrez des exemples de bonnes pratiques de conversion de pointeur dans Golang Feb 24, 2024 pm 03:51 PM

Golang est un langage de programmation puissant et efficace qui peut être utilisé pour développer diverses applications et services. Dans Golang, les pointeurs sont un concept très important, qui peut nous aider à exploiter les données de manière plus flexible et plus efficace. La conversion de pointeur fait référence au processus d'opérations de pointeur entre différents types. Cet article utilisera des exemples spécifiques pour découvrir les meilleures pratiques de conversion de pointeur dans Golang. 1. Concepts de base Dans Golang, chaque variable a une adresse, et l'adresse est l'emplacement de la variable en mémoire.

Comment obtenir facilement le code d'état HTTP en JavaScript Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

La relation entre le nombre d'instances Oracle et les performances de la base de données La relation entre le nombre d'instances Oracle et les performances de la base de données Mar 08, 2024 am 09:27 AM

La relation entre le nombre d'instances Oracle et les performances de la base de données La base de données Oracle est l'un des systèmes de gestion de bases de données relationnelles les plus connus du secteur et est largement utilisée dans le stockage et la gestion de données au niveau de l'entreprise. Dans la base de données Oracle, l'instance est un concept très important. L'instance fait référence à l'environnement d'exécution de la base de données Oracle en mémoire. Chaque instance possède une structure de mémoire et un processus d'arrière-plan indépendants, qui sont utilisés pour traiter les demandes des utilisateurs et gérer les opérations de la base de données. Le nombre d'instances a un impact important sur les performances et la stabilité de la base de données Oracle.

Comment vérifier si un élément contient une valeur d'attribut dans jQuery ? Comment vérifier si un élément contient une valeur d'attribut dans jQuery ? Feb 28, 2024 pm 02:54 PM

Dans jQuery, nous devons souvent vérifier si un élément contient une valeur d'attribut spécifique. Cela nous aide à effectuer des actions basées sur les valeurs d'attribut de l'élément. Dans cet article, je vais vous présenter comment utiliser jQuery pour vérifier si un élément contient une certaine valeur d'attribut et fournir des exemples de code spécifiques. Tout d'abord, jetons un coup d'œil à quelques méthodes courantes dans jQuery pour exploiter les attributs des éléments : .attr() : utilisé pour obtenir ou définir la valeur d'attribut d'un élément. .prop() : utilisé pour obtenir ou définir la valeur d'attribut d'un élément

Comment mettre en œuvre un système de signature électronique en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de signature électronique en ligne à l'aide de WebSocket et JavaScript Dec 18, 2023 pm 03:09 PM

Présentation de l'utilisation de WebSocket et de JavaScript pour mettre en œuvre un système de signature électronique en ligne : Avec l'avènement de l'ère numérique, les signatures électroniques sont largement utilisées dans divers secteurs pour remplacer les signatures papier traditionnelles. En tant que protocole de communication full-duplex, WebSocket peut effectuer une transmission de données bidirectionnelle en temps réel avec le serveur. En combinaison avec JavaScript, un système de signature électronique en ligne peut être mis en œuvre. Cet article expliquera comment utiliser WebSocket et JavaScript pour développer un outil en ligne simple.

Implémenter la méthode jQuery pour ajouter dynamiquement des éléments au div Implémenter la méthode jQuery pour ajouter dynamiquement des éléments au div Feb 24, 2024 pm 08:03 PM

jQuery est une bibliothèque JavaScript populaire utilisée pour simplifier la programmation JavaScript. Il fournit un riche ensemble de fonctionnalités et de méthodes, notamment la possibilité d'ajouter dynamiquement des éléments aux éléments HTML. Cet article explique comment utiliser jQuery pour ajouter dynamiquement des éléments aux div et fournit des exemples de code spécifiques. Tout d'abord, nous devons introduire la bibliothèque jQuery dans le document HTML. Il peut être introduit des manières suivantes :

Utilisez jQuery pour déterminer l'état d'affichage des éléments Utilisez jQuery pour déterminer l'état d'affichage des éléments Feb 23, 2024 pm 09:24 PM

Utilisez jQuery pour déterminer si un élément est visible ou non. En développement Web, nous rencontrons souvent des situations où nous devons déterminer si un élément est visible. Juger et exploiter la visibilité des éléments peut être facilement réalisé grâce à jQuery. Cet article explique comment utiliser jQuery pour déterminer la visibilité des éléments et fournit des exemples de code spécifiques. Méthodes de jugement de la visibilité des éléments de jQuery Dans jQuery, vous pouvez utiliser certaines méthodes spécifiques pour juger de la visibilité des éléments. La méthode la plus couramment utilisée est .is(':vis

See all articles