Cinq façons de supprimer les doublons des compétences JavaScript arrays_javascript

La

La déduplication de tableaux Javascript est une exigence relativement courante, et il existe de nombreuses solutions. Les réponses peuvent être trouvées en ligne. Ci-dessous, l'éditeur a compilé un guide pour vous permettre de dédupliquer des tableaux du même type. , présentez-vous d’abord une idée de mise en œuvre simple.

Choses :

Parcourez le tableau et comparez un par un. Si la comparaison est la même, supprimez les éléments suivants
.

Parcourez le tableau, comparez un par un, ignorez les doublons précédents et placez les différents dans le nouveau tableau

Mettez n'importe quel élément du tableau dans le nouveau tableau, parcourez les éléments restants du tableau, sélectionnez-en un, comparez-le un par un avec les éléments du nouveau tableau, s'il y a des différences, placez-le dans le nouveau tableau.

Parcourez le tableau, prenez un élément comme attribut de l'objet et déterminez si l'attribut existe

1. Supprimez les doublons suivants :

function ov(arr){
 //var a=((new Date).getTime())
 for(var i=;i<arr.length;i++)
 for(var j=i+;j<arr.length;j++)
  if(arr[i]===arr[j]){arr.splice(j,);j--;}  
 //console.info((new Date).getTime()-a)  
 return arr.sort(function(a,b){return a-b});
}

2. Il s'agit d'une méthode conventionnelle, plus facile à comprendre. Si elles sont identiques, sortez de la boucle

.

function ov(a) {
 //var a=((new Date).getTime())
 var b = [], n = a.length, i, j;
 for (i = ; i < n; i++) {
 for (j = i + ; j < n; j++)
  if (a[i] === a[j]){j=false;break;}
 if(j)b.push(a[i]);
 }
 //console.info((new Date).getTime()-a) 
 return b.sort(function(a,b){return a-b});
}

3. Il m'a fallu beaucoup de temps pour comprendre cela. Bien que la boucle j continue ici, la valeur i a changé. C'est équivalent à une nouvelle boucle i :

function ov(a) {
 //var a=((new Date).getTime())
 var b = [], n = a.length, i, j;
 for (i = ; i < n; i++) {
 for (j = i + ; j < n; j++)
 if (a[i] === a[j])j=++i
 b.push(a[i]);}
 //console.info((new Date).getTime()-a) 
 return b.sort(function(a,b){return a-b});
}

4. Assurez-vous que tout ce qui se trouve dans le nouveau tableau est unique

function ov(ar){
//var a=((new Date).getTime())
 var m=[],f;
 for(var i=;i<ar.length;i++){
 f=true;
 for(var j=;j<m.length;j++)
 if(ar[i]===m[j]){f=false;break;};
 if(f)m.push(ar[i])}
//console.info((new Date).getTime()-a) 
 return m.sort(function(a,b){return a-b});
}

5. Utiliser les attributs d'objet

function ov(ar){
// var a=(new Date).getTime()
 var m,n=[],o= {};
 for (var i=;(m= ar[i])!==undefined;i++)
 if (!o[m]){n.push(m);o[m]=true;}
// console.info((new Date).getTime()-a) 
 return n.sort(function(a,b){return a-b});;
 }

3 propriétés de l'objet tableau javascript

1. attribut de longueur

L'attribut Longueur représente la longueur du tableau, c'est-à-dire le nombre d'éléments qu'il contient. Étant donné que l'index d'un tableau commence toujours à 0, les limites supérieure et inférieure d'un tableau sont respectivement : 0 et longueur-1. Contrairement à la plupart des autres langages, la propriété length des tableaux JavaScript est variable, ce qui nécessite une attention particulière. Lorsque l'attribut de longueur est défini plus grand, l'état de l'ensemble du tableau ne change pas réellement, seul l'attribut de longueur devient plus grand lorsque l'attribut de longueur est défini plus petit que l'original, les éléments du tableau d'origine avec des index supérieurs ou égaux à ; length will Toutes les valeurs sont perdues. Voici un exemple illustrant la modification de l'attribut length :

var arr=[12,23,5,3,25,98,76,54,56,76];

//Définit un tableau contenant 10 nombres

alert(arr.length); //Afficher la longueur du tableau 10

arr.length=12; //Augmente la longueur du tableau

alert(arr.length); //Montre que la longueur du tableau est devenue 12

alert(arr[8]); //Affiche la valeur du 9ème élément, qui est 56

arr.length=5; //Réduisez la longueur du tableau à 5 et les éléments dont les index sont égaux ou supérieurs à 5 sont supprimés

alert(arr[8]); //Montre que le 9ème élément est devenu "indéfini"

arr.length=10; //Restaurer la longueur du tableau à 10

alert(arr[8]); //Bien que la longueur soit restaurée à 10, le 9ème élément ne peut pas être récupéré et affiche "indéfini"

À partir du code ci-dessus, nous pouvons clairement voir la nature de l'attribut length. Mais l'objet length peut non seulement être défini explicitement, mais il peut également être modifié implicitement. Vous pouvez utiliser une variable non déclarée en JavaScript. De même, vous pouvez également utiliser un élément de tableau non défini (faisant référence à un élément avec un index supérieur ou égal à length). Dans ce cas, la valeur de l'attribut length sera définie sur . valeur de l'index de l'élément utilisé. Ajouter 1. Par exemple, le code suivant :

var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);

Le code définit également un tableau contenant 10 nombres. Il ressort de l'instruction d'alerte que sa longueur est de 10. Ensuite, l'élément avec l'index 15 est utilisé et se voit attribuer la valeur 15, c'est-à-dire arr[15]=34. À ce stade, l'instruction alert est utilisée pour afficher la longueur du tableau et le résultat est 16. Quoi qu’il en soit, il s’agit d’une fonctionnalité surprenante pour les développeurs habitués à une programmation fortement typée. En fait, la longueur initiale d'un tableau créé à l'aide de new Array() est 0. C'est l'opération d'éléments non définis qui fait changer la longueur du tableau.

Comme vous pouvez le voir dans l'introduction ci-dessus, l'attribut length est tellement magique que vous pouvez l'utiliser pour augmenter ou diminuer facilement la capacité du tableau. Par conséquent, une compréhension approfondie de l’attribut length aidera à l’utiliser de manière flexible pendant le processus de développement.

2. Attribut du prototype

Renvoie une référence au prototype du type d'objet. La propriété prototype est commune à l’objet.

NomObjet.prototype

Le paramètre objectName est le nom de l'objet objet.

Description : utilisez l'attribut prototype pour fournir un ensemble de fonctions de base de la classe de l'objet. Les nouvelles instances d'un objet « héritent » des opérations assignées au prototype de l'objet.

Pour les objets tableau, l'exemple suivant illustre l'utilisation de l'attribut prototype.

Ajoutez une méthode à l'objet tableau qui renvoie la valeur maximale de l'élément dans le tableau. Pour ce faire, déclarez une fonction, ajoutez-la à Array.prototype et utilisez-la.

function array_max( )
{
 var i, max = this[0];
 for (i = 1; i < this.length; i++)
 {
 if (max < this[i])
 max = this[i];
 }
 return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max( );

该代码执行后，y 保存数组 x 中的最大值，或说 6。

3、constructor 属性

表示创建对象的函数。

object.constructor //object是对象或函数的名称。

说明：constructor 属性是所有具有 prototype 的对象的成员。它们包括除 Global 和 Math 对象以外的所有 JScript 固有对象。constructor 属性保存了对构造特定对象实例的函数的引用。

例如：

x = new String("Hi");
if (x.constructor == String) // 进行处理（条件为真）

或

function MyFunc {
// 函数体。
}
y = new MyFunc;
if (y.constructor == MyFunc) // 进行处理（条件为真）

以上内容就是关于本文给大家介绍的JavaScript数组去重的五种方法及javascript数组对象的三个属性，希望大家喜欢。