Maison > interface Web > Questions et réponses frontales > Comment supprimer un sous-tableau d'un tableau en javascript

Comment supprimer un sous-tableau d'un tableau en javascript

PHPz
Libérer: 2023-04-24 11:36:47
original
999 Les gens l'ont consulté

En développement, le traitement des tableaux est l'une des opérations fréquemment utilisées. Parfois, il est nécessaire de supprimer un tableau d'un tableau, en particulier un grand tableau contenant plusieurs sous-tableaux. Dans cet article, nous présenterons comment supprimer un sous-tableau spécifique d'un tableau à l'aide de JavaScript.

1. Utilisez la fonction splice()

La fonction splice() de JavaScript peut être utilisée pour supprimer un élément dans un tableau, et l'opération est plus flexible. Nous pouvons utiliser la fonction splice() pour supprimer des éléments à n’importe quelle position, y compris les sous-tableaux.

Les étapes spécifiques sont les suivantes :

  • Tout d'abord, recherchez la position d'index du sous-tableau que vous souhaitez supprimer.
  • Ensuite, utilisez la fonction splice() pour supprimer ce sous-tableau du tableau.

L'exemple de code est le suivant :

let arr = [[1, 2], [3, 4], [5, 6], [7, 8]];
let index = arr.findIndex((item) => item[0] === 3 && item[1] === 4);
if (index > -1) {
  arr.splice(index,1);
}
console.log(arr); // output: [[1, 2], [5, 6], [7, 8]]
Copier après la connexion

Dans cet exemple, nous créons d'abord un grand tableau contenant plusieurs sous-tableaux, puis utilisons la méthode findIndex() pour obtenir la position d'index du sous-tableau à supprimer. . Enfin, utilisez la fonction splice() pour supprimer le tableau du tableau d'origine et afficher tous les sous-tableaux restants.

2. Utilisez la fonction filter()

La fonction filter() de JavaScript peut être utilisée pour créer un nouveau tableau contenant tous les éléments qui remplissent les conditions. Nous pouvons utiliser la fonction filter() pour créer un nouveau tableau sans le sous-tableau que nous voulons supprimer.

Regardez directement le code :

let arr = [[1, 2], [3, 4], [5, 6], [7, 8]];
let newArray = arr.filter((item) => !(item[0] === 3 && item[1] === 4));
console.log(newArray); // output: [[1, 2], [5, 6], [7, 8]]
Copier après la connexion

Dans cet exemple, nous créons d'abord un grand tableau contenant plusieurs sous-tableaux, puis utilisons la fonction filter() pour créer un nouveau sous-tableau contenant tous les sous-tableaux qui ne veulent pas être supprimés. Enfin, nous imprimons les résultats sur la console.

3. Utiliser la boucle for

Si vous devez supprimer un sous-tableau spécifique d'un tableau sans utiliser de fonctions JavaScript intégrées, la boucle for est une méthode réalisable.

Les étapes spécifiques sont les suivantes :

  • Tout d'abord, recherchez la position d'index du sous-tableau à supprimer.
  • Ensuite, utilisez une boucle for pour parcourir le tableau et supprimez l'élément que vous souhaitez supprimer.

L'exemple de code est le suivant :

let arr = [[1, 2], [3, 4], [5, 6], [7, 8]];
let index = arr.findIndex((item) => item[0] === 3 && item[1] === 4);
if (index > -1) {
  for (let i = index; i < arr.length - 1; i++) {
    arr[i] = arr[i + 1];
  }
  arr.length--;
}
console.log(arr); // output: [[1, 2], [5, 6], [7, 8]]
Copier après la connexion

Dans cet exemple, nous créons d'abord un grand tableau contenant plusieurs sous-tableaux, puis utilisons la méthode findIndex() pour obtenir la position d'index du sous-tableau à supprimer. . Ensuite, utilisez une boucle for pour parcourir le tableau d’origine et en supprimer le sous-tableau spécifié. Enfin, nous imprimons les résultats sur la console.

Résumé

Cet article présente trois méthodes pour supprimer un sous-tableau spécifique d'un grand tableau contenant plusieurs sous-tableaux, en utilisant la fonction splice(), la fonction filter() et la boucle for. Choisissez simplement la méthode appropriée pour différentes situations. JavaScript propose diverses méthodes pour manipuler les données. Choisir la méthode qui vous convient peut améliorer l'efficacité du développement.

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