Méthode JS pour supprimer les éléments en double du tableau

Cette fois, je vais vous présenter une méthode JS pour supprimer les éléments en double d'un tableau Quelles sont les précautions pour que JS supprime les éléments en double d'un tableau. Voici une méthode pratique. cas. Jetons un coup d'oeil une fois.

Il existe de nombreuses méthodes pour dédoublonner des tableaux, et différentes méthodes ont des efficacités différentes. Par exemple, dans l'article précédent, le résumé de l'algorithme de déduplication de tableau implémenté par JS résumait et analysait 4 méthodes d'implémentation. Nous introduisons ici une méthode de déduplication de tableau efficace : une méthode de suppression des éléments en double dans un tableau basée sur les caractéristiques de JSobject.

1. Caractéristiques des objets JS (caractéristiques utilisées dans cet article) : la clé est toujours unique

Exemple : Expliquez le caractère unique de la valeur de la clé de l'objet, c'est-à-dire que lors de la réaffectation d'une valeur à un attribut js existant , la clé est en fait écrasée au lieu de créer une nouvelle clé

var t={name:'张三',age:20};//定义个js对象
console.log(t.name);//控制台输出：张三
//注意:此时对象t有两个属性：name、age
t.name='李四';
console.log(t.name);//控制台输出：李四
//注意:此时对象t依然有两个属性：name、age

2. Analyse des étapes de déduplication des baies

Divisé en deux étapes :

1. Convertissez le tableau dédupliqué en objet js et renvoyez-le. Règles de conversion : changez la valeur du tableau en clé dans l'objet js, puis attribuez la valeur à n'importe quelle valeur  ; 2. Restaurez l'objet de l'étape 1 dans un tableau et utilisez la clé de l'objet comme élément du tableau.

3. Implémentation de la déduplication de tableau

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention à. d'autres articles connexes sur le site PHP chinois !

var arr=[1,2,3,4,5,23,4,2,4,3];
//1.把数组装换成对象，数组的元素作为对象的key，然后返回对象
function toObject(ac_array){
    var obj={};//私有的对象
    for (var i=0;i<ac_array.length;i++) {
      obj[ac_array[i]] = true;
    }
    console.log(obj);//Object {1: true, 2: true, 3: true, 4: true, 5: true, 23: true}
    return obj;
}
//2.把对象的key获取出来作为数组的元素，然后返回数组
function keys(ac_obj){
    var arr = [];
    for(var item in ac_obj){
      if(ac_obj.hasOwnProperty(item)){
        arr.push(item);
      }
    }
    console.log(arr);//["1", "2", "3", "4", "5", "23"]
    return arr;
}
//综合
function uniq(ac_array){
    return keys(toObject(ac_array));
}
//测试
var uniq_array=uniq(arr);
console.log(uniq_array);//["1", "2", "3", "4", "5", "23"]

Lecture recommandée :

Comment utiliser le modèle de barre de navigation réactive bootstrap

Méthode Vue.js d'exploitation des données de tableau

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!