JS isArray、typeof、instanceof

来源:http://www.prospettivedarte.com 作者:计算机教程 人气:164 发布时间:2019-05-10
摘要:instanceof 复制代码 代码如下: 这个方法可以兼容IE8 以及以下的浏览器 JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function、String、N

instanceof

复制代码 代码如下:

这个方法可以兼容IE8 以及以下的浏览器

JavaScript中检测对象的方法
1.typeof操作符
这种方法对于一些常用的类型来说那算是毫无压力,比如Function、String、Number、Undefined等,但是要是检测Array的对象就不起作用了。

console.log(undefined == null);  // true

复制代码 代码如下:

这里 null 是基本类型,不是一个对象,这个是 JS 的一个 bug。还有一个值得注意的地方:

在很多时候,我们都需要对一个变量进行数组类型的判断。JavaScript中如何判断一个变量是数组Array类型呢?我最近研究了一下,并分享给大家,希望能对大家有所帮助。

 

复制代码 代码如下:

        function foo(){}
        var a = new foo()
        console.log(a instanceof foo);   // true

var arr = [1,2,3,1];
alert(arr.constructor === Array); // true

因为在 JS 中 undefined 是派生自 null 的

function isArrayFn (o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
var arr = [1,2,3,1];
alert(isArrayFn(arr));// true

        var a = [1,2,3]
        console.log(typeof a);   // object
        console.log(Array.isArray(a));   // true

call改变toString的this引用为待检测的对象,返回此对象的字符串表示,然后对比此字符串是否是'[object Array]',以判断其是否是Array的实例。为什么不直接o.toString()?嗯,虽然Array继承自Object,也会有 toString方法,但是这个方法有可能会被改写而达不到我们的要求,而Object.prototype则是老虎的屁股,很少有人敢去碰它的,所以能一定程度保证其“纯洁性”:)

 

var arr = [1,2,3,1];
var arr2 = [{ abac : 1, abc : 2 }];
function isArrayFn(value){
if (typeof Array.isArray === "function") {
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value) === "[object Array]";
}
}
alert(isArrayFn(arr));// true
alert(isArrayFn(arr2));// true

        function foo(){}
        console.log(typeof foo);  // function
        console.log(typeof null); // object
        console.log(typeof undefined);  // undefined
        console.log(typeof 'a');    //  string
        console.log(typeof 1);    // number

复制代码 代码如下:

 

JavaScript 标准文档中定义: [[Class]] 的值只可能是下面字符串中的一个: Arguments, Array, Boolean, Date, Error, Function, JSON, Math, Number, Object, RegExp, String.
这种方法在识别内置对象时往往十分有用,但对于自定义对象请不要使用这种方法。
2.Array.isArray()
ECMAScript5将Array.isArray()正式引入JavaScript,目的就是准确地检测一个值是否为数组。IE9 、 Firefox 4 、Safari 5 、Opera 10.5 和Chrome都实现了这个方法。但是在IE8之前的版本是不支持的。
3.较好参考
综合上面的几种方法,有一个当前的判断数组的最佳写法:

本文由皇牌天下投注网发布于计算机教程,转载请注明出处:JS isArray、typeof、instanceof

关键词:

上一篇:TypeScript 旅途1:基础类型

下一篇:没有了

最火资讯