Maison > interface Web > uni-app > Comment supprimer des éléments de tableau dans uniapp (4 méthodes)

Comment supprimer des éléments de tableau dans uniapp (4 méthodes)

PHPz
Libérer: 2023-04-14 13:57:03
original
6077 Les gens l'ont consulté

Lors du développement d'uniapp, vous devez souvent utiliser des tableaux, notamment l'ajout, la suppression, la modification et d'autres opérations. Parmi elles, la suppression d’éléments d’un tableau est l’une des opérations les plus courantes. Cet article explique comment supprimer des éléments de tableau dans uniapp.

1. méthode splice

splice est une méthode en JavaScript et l'une des méthodes permettant d'exploiter des tableaux dans uniapp. La méthode splice peut supprimer des éléments à une position spécifiée d'un tableau et ajouter de nouveaux éléments en même temps. La syntaxe spécifique est la suivante :

array.splice(start, deleteCount, item1, item2, ...)
Copier après la connexion

Parmi eux, le paramètre start indique la position de départ de l'élément à supprimer, le paramètre deleteCount indique le nombre d'éléments à supprimer, et des paramètres tels que item1 et item2 indiquent de nouveaux éléments à supprimer. être ajouté au tableau.

Pour utiliser la méthode splice dans uniapp, il vous suffit d'appeler la méthode splice du tableau. Par exemple :

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1); //删除第3个元素,即3
console.log(arr); //[1, 2, 4, 5]
Copier après la connexion

2. méthode filter

filter est une autre méthode en JavaScript qui peut être utilisée pour filtrer les éléments d'un tableau. Vous pouvez également supprimer des éléments du tableau via la méthode de filtrage. La syntaxe spécifique est la suivante :

array.filter(function(item, index, array){
    //如果返回true,则表示该元素会被保留,如果返回false,则表示该元素会被过滤
}, this)
Copier après la connexion

Parmi eux, le paramètre item représente la valeur de l'élément actuel dans le tableau, le paramètre index représente l'indice de l'élément actuel, le paramètre array représente le tableau actuel et le paramètre this représente la valeur facultative qui lui est attribuée.

Si vous souhaitez utiliser la méthode filter pour supprimer des éléments du tableau dans uniapp, il vous suffit de renvoyer false dans la méthode filter pour supprimer l'élément correspondant. Par exemple :

let arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item, index){
    return index !== 2; //过滤掉下标为2的元素,即3
});
console.log(arr); //[1, 2, 4, 5]
Copier après la connexion

3. Méthode Pop

pop est une méthode utilisée en JavaScript pour supprimer des éléments à la fin d'un tableau, et peut également être utilisée dans uniapp. La méthode pop renvoie l'élément supprimé. Par exemple :

let arr = [1, 2, 3, 4, 5];
let last = arr.pop(); //删除最后一个元素,即5
console.log(arr); //[1, 2, 3, 4]
console.log(last); //5
Copier après la connexion

4. méthode shift

shift est une méthode utilisée en JavaScript pour supprimer le premier élément d'un tableau, et peut également être utilisée dans uniapp. La méthode shift renvoie l'élément supprimé. Par exemple :

let arr = [1, 2, 3, 4, 5];
let first = arr.shift(); //删除第一个元素,即1
console.log(arr); //[2, 3, 4, 5]
console.log(first); //1
Copier après la connexion

Résumé

Ci-dessus figurent plusieurs méthodes courantes pour supprimer des éléments de tableau dans uniapp. Parmi eux, la méthode splice peut supprimer des éléments à n’importe quelle position et prend en charge l’ajout de nouveaux éléments. La méthode filter peut filtrer les éléments du tableau et supprimer les éléments correspondants en renvoyant false. La méthode pop supprime le dernier élément et la méthode shift supprime le premier élément. Dans les applications pratiques, la méthode correspondante peut être sélectionnée en fonction de la situation spécifique.

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!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal