Maison > interface Web > js tutoriel > Quelles sont les méthodes courantes de tableaux et comment dédupliquer des tableaux (code ci-joint)

Quelles sont les méthodes courantes de tableaux et comment dédupliquer des tableaux (code ci-joint)

yulia
Libérer: 2018-09-12 16:23:44
original
1655 Les gens l'ont consulté

Les tableaux sont une partie importante de JavaScript. Qu'il s'agisse d'un emploi ou d'un entretien d'embauche, les tableaux seront impliqués, comme la question classique : Comment supprimer les doublons d'un tableau. Aujourd'hui, je vais vous parler de quelles sont les méthodes courantes de tableaux, ainsi que des différentes manières de dédupliquer les tableaux.

1. Méthodes de tableau courantes

slice() est utilisée pour extraire une partie du tableau cible et renvoyer un nouveau tableau, en laissant le tableau d'origine inchangé.

concat() est utilisé pour fusionner plusieurs tableaux. Il ajoute les membres du nouveau tableau à la fin des membres du tableau d'origine, puis renvoie un nouveau tableau, laissant le tableau d'origine inchangé.

reverse() est utilisé pour inverser les éléments du tableau et renvoyer le tableau modifié. Notez que cette méthode modifiera le tableau d'origine.

sort() Trie les membres du tableau. La valeur par défaut est de trier les membres du tableau dans l'ordre du dictionnaire. Après le tri, le tableau d'origine sera modifié.

push() est utilisé pour ajouter un ou plusieurs éléments à la fin du tableau et renvoie la longueur du tableau après avoir ajouté les nouveaux éléments. Notez que cette méthode modifiera le tableau d'origine.

pop() est utilisé pour supprimer le dernier élément du tableau et renvoyer cet élément. Notez que cette méthode modifiera le tableau d'origine.

unshift() est utilisé pour ajouter un élément à la première position du tableau et renvoie la longueur du tableau après avoir ajouté le nouvel élément. Notez que cette méthode modifiera le tableau d'origine.

shift() est utilisé pour supprimer le premier élément du tableau et renvoyer cet élément. Notez que cette méthode modifiera le tableau d'origine.

splice() est utilisé pour supprimer certains membres du tableau d'origine et ajouter de nouveaux membres du tableau à la position supprimée. Notez que cette méthode modifiera le tableau d'origine.

map() Transmettez tour à tour tous les membres du tableau dans la fonction paramètre, puis renvoyez les résultats de chaque exécution dans un nouveau tableau.

forEach() est très similaire à la méthode map et exécute également la fonction paramètre sur tous les membres du tableau en séquence. Cependant, la méthode forEach ne renvoie pas de valeur et n'est utilisée que pour manipuler des données.

filter() est utilisé pour filtrer les membres du tableau, et les membres qui remplissent les conditions forment un nouveau tableau et le renvoient.

join() utilise le paramètre spécifié comme séparateur pour concaténer tous les membres du tableau en une chaîne et la renvoyer. Si aucun paramètre n’est fourni, ils sont par défaut des virgules.

indexOf() Renvoie la position où l'élément donné apparaît pour la première fois dans le tableau, ou -1 s'il n'apparaît pas.

lastIndexOf() Renvoie la position de la dernière occurrence de l'élément donné dans le tableau, ou -1 s'il n'apparaît pas.

2. Plusieurs façons de dédupliquer des tableaux

1. Utiliser des objets

function unique(arr) {    var uniqueArr = [],      
 len = arr.length    for (var i = 0; i < len; i++) {      
 if (uniqueArr.indexOf(arr[i]) == -1) {         
 uniqueArr.push(arr[i])       }    
  }    return uniqueArr   }  
  var arr = [1, 2, 3, 1, 5, "1"]  
  var uniqueArr = unique(arr)  console.log(arr)   
   //[1, 2, 3, 1, 5, "1"]   c
   onsole.log(uniqueArr)   //[ 1, 2, 3, 5, &#39;1&#39; ]
Copier après la connexion

2. 🎜>
3. boucle for + indexOf

function unique(arr) {    
var uniqueArr = [],       
sortArr = arr.concat().sort(),      
 len = sortArr.length,      
  prev    for (var i = 0; i < len; i++) {     
   if (!i || prev !== sortArr[i]) {       
     uniqueArr.push(sortArr[i])       }      
      prev = sortArr[i]     }    return uniqueArr   
      }  var arr = [1, 2, 3, 1, 5, "1"]  
      var uniqueArr = unique(arr)  console.log(arr)    
      //[ 1, 2, 3, 1, 5, &#39;1&#39; ]   console.log(uniqueArr)   //[ 1, &#39;1&#39;, 2, 3, 5 ]
Copier après la connexion


4. méthode d'implémentation es6

 function unique(arr) {   
  var uniqueArr = [],      
   obj = {},       
   len = arr.length    
   for (var i = 0; i < len; i++) {      
    obj[typeof arr[i] + arr[i]] = arr[i]     }  
      for (var i in obj) {       
      uniqueArr.push(obj[i])     }    
      console.log(obj)   
      //{ number1: 1, number2: 2, number3: 3, number5: 5, string1: &#39;1&#39; }    
       return uniqueArr   }  
       var arr = [1, 2, 3, 1, 5, "1"]  
       var uniqueArr = unique(arr)  console.log(arr)   
        // [1, 2, 3, 1, 5, "1"]   console.log(uniqueArr)   //[ 1, 2, 3, 5, &#39;1&#39; ]
Copier après la connexion

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!

Étiquettes associées:
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