Maison > interface Web > js tutoriel > Méthode JS pour supprimer les éléments en double du tableau

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

php中世界最好的语言
Libérer: 2018-04-14 16:11:04
original
2581 Les gens l'ont consulté

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
Copier après la connexion

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"]
Copier après la connexion

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!

É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