Maison > Article > interface Web > Utilisez JavaScript pour déterminer si l'objet est un tableau
La première chose à laquelle nous penserons est d'utiliser typeof pour détecter le type de données, mais pour Function, String, Number, Undefined, etc. Pour ces types de base, vous pouvez utiliser typeof pour les détecter. Par exemple, le code est le suivant :
function test(){} console.log(typeof 1); // number console.log(typeof test); // function console.log(typeof "yunxi"); // string console.log(typeof undefined); // undefined
Mais pour les tableaux ou les expressions régulières, si vous utilisez typeof pour détecter, ce n'est pas satisfaisant, car lorsque nous détectons un tableau ou un modèle régulier, le type renvoyé sera un objetobjet, comme indiqué dans le code suivant :
console.log(typeof []); // object console.log(typeof /\d+/g); // object
À partir de là, nous pouvons facilement penser à utiliser instanceof pour détecter si un objet est une instance d'un tableau. La détection renverra un booléen si c'est le cas. un tableau, il retournera vrai, sinon si c'est le cas, il renvoie faux ; jetons un coup d'œil au code ci-dessus pour détecter s'il s'agit d'un tableau :
console.log([] instanceof Array); // true console.log(/\d+/g instanceof Array); // false
Comme ci-dessus, vous pouvez voir qu'en utilisant instanceof peut en effet déterminer s'il s'agit d'un élément de tableau ;
En javascript, chaque objet possède un attribut constructeur, qui fait référence au constructeur. fonction qui initialise l'objet, comme déterminer le type d'un objet inconnu, On peut donc écrire une méthode comme suit, le code est le suivant :
function isArray(obj) { return typeof obj == 'object' && obj.constructor == Array } // 测试demo console.log(isArray([])); // true var a = {"a":1}; console.log(isArray(a)); // false var b = [1,2,3]; console.log(isArray(b)); // true console.log(isArray(/\d+/g));// false
Comme vous pouvez le voir ci-dessus, vous pouvez également déterminer s'il s'agit d'un élément de tableau en appelant la méthode isArray.
Nous pouvons maintenant voir que pour les deuxième et troisième points, il semble que l'utilisation respectivement de la méthode instanceof et de l'attribut constructor puisse déterminer s'il s'agit d'un tableau, mais il existe également des exceptions, comme lors de l'utilisation d'un cross- frame iframe Lors de l'utilisation de tableaux dans la page, cela échouera car les tableaux créés dans différentes iframes ne partageront pas leurs attributs de prototype entre eux ; le test de code suivant peut être vérifié ~
var iframe = document.createElement('iframe'); document.body.appendChild(iframe); xArray = window.frames[window.frames.length-1].Array; var arr = new xArray("1","2","3","4","5"); //这个写法IE下是不支持的,标准浏览器firefox,chrome下有 console.log(arr); // 打印出 ["1", "2", "3", "4", "5"] console.log(arr instanceof Array); // false console.log(arr.constructor === Array); // false
comme ci-dessus Il y a aucun moyen pour nous de déterminer si un objet est un tableau ; mais nous pouvons voir dans ECMA262 que nous pouvons utiliser la méthode Object.prototype.toString.call() pour déterminer si un objet est un tableau le code suivant :
function isArray(obj) { return Object.prototype.toString.call(obj) == '[object Array]'; } // 代码调用 console.log(isArray([])); // true console.log(isArray([1,2,3])); // true var iframe = document.createElement('iframe'); document.body.appendChild(iframe); xArray = window.frames[window.frames.length-1].Array; var arr = new xArray("1","2","3","4","5"); console.log(arr); // ["1","2","3","4","5"] console.log(isArray(arr)); // true
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!