Résumez 4 façons de déterminer le type de tableau js

Méthode JS pour déterminer le type de tableau

Méthode 1instanceof

instance , comme son nom l'indique, instance, example, donc instanceof est utilisé pour déterminer si une variable est une instance d'un objet. Il s'agit d'un opérateur ternaire --- la différence la plus substantielle avec typeof

une instanceof b ? ("true"):alert("false") //Notez que la valeur b est le type de données que vous souhaitez juger, pas une chaîne, telle que Array

Par exemple :

var a=[];
console.log(a instanceof Array) //返回true

Méthode 2constructeur

définition dans la définition du W3C : constructeur La propriété renvoie une référence à la fonction tableau qui a créé cet objet.

est le constructeur correspondant à l'objet renvoyé. La définition n'est pas cohérente avec instanceof, mais l'effet est le même

Par exemple : (une instance de Array) //Est-ce qu'une instance de Array ? true ou false

　 (a.constructor == Array) // Le constructeur correspondant à une instance est-il un Array true ou false

Par exemple :

function employee(name,job,born){
 this.name=name;
 this.job=job;
 this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
console.log(bill.constructor); //输出function employee(name, jobtitle, born){this.name = name; this.jobtitle = job; this.born = born;}

Ensuite, la méthode pour juger différents types est :

console.log([].constructor == Array);
console.log({}.constructor == Object);
console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(true.constructor == Boolean);

La méthode la plus rigoureuse et universelle :

function isArray(object){
 return object && typeof object==='object' &&
   Array == object.constructor;
}

! ! Remarque :

Lors de l'utilisation de instanceof et construcor, le tableau jugé doit être déclaré sur la page actuelle ! Par exemple, une page (page parent) a un cadre, et une page (page enfant) est référencée dans le cadre. Un tableau est déclaré dans la page enfant et affecté à une variable de la page parent. est jugé, Array == object.constructor; renverra false

Raison :

1. uniquement le transfert de l'adresse de référence.
2. L'adresse référencée par l'objet natif Array de chaque page est différente. Le constructeur correspondant du tableau déclaré dans la sous-page est l'objet Array de la sous-page ; Tableau Ce n'est pas égal au tableau de sous-pages ; rappelez-vous, sinon il sera difficile de suivre le problème !

Troisième méthode Méthode de jugement caractéristique

Les méthodes ci-dessus ont toutes certains défauts, mais nous devons croire aux opinions du peuple La sagesse est toute-puissante, nous pouvons juger de son type en fonction de certaines caractéristiques du tableau

function isArray(object){
 return object && typeof object==='object' && 
   typeof object.length==='number' && 
   typeof object.splice==='function' && 
    //判断length属性是否是可枚举的 对于数组 将得到false 
   !(object.propertyIsEnumerable('length'));
}

la longueur et l'épissure ne sont pas nécessairement des tableaux. peut ajouter des attributs à l'objet, mais ne peut pas énumérer l'attribut de longueur, c'est le facteur de jugement le plus important.

ps : vulgarisez la méthode propertyIsEnumerable ici :

object propertyIsEnumerable(proName)

Déterminez si la propriété spécifiée est énumérable

Remarque : si proName existe dans l'objet et peut être épuisé à l'aide d'une boucle For...In, alors la propriété propertyIsEnumerable renvoie true. La propriété propertyIsEnumerable renvoie false si l'objet n'a pas la propriété spécifiée ou si la propriété spécifiée n'est pas énumérable.

La propriété propertyIsEnumerable ne prend pas en compte les objets dans la chaîne de prototypes.

Exemple :

var a = new Array("apple", "banana", "cactus");
document.write(a.propertyIsEnumerable(1));

Méthode 4La méthode la plus simple

function isArray(o) {
 return Object.prototype.toString.call(o) === ‘[object Array]‘;
}

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!