javascript 推断变量是不是是数组(Array)

过完春节又有好多人寻觅新的时机,旁边的人口试完就会分享一些题目,明显会的然则口试的时刻,想不全,口试官不满意…这个懊恼的行动,本日的文章跟人人分享下:javascript怎样推断就是是数组。

1. typeof真的那末凶猛吗??

//首先看代码
var ary = [1,23,4];
console.log(typeof ary); //输出结果是Object

上面的要领并不能及时的检测出是不是是数组,只能推断其范例,所以说typeof推断基础范例数据照样挺好的,然则不能正确测试出是不是是数组(typeof的详细用法今后说起,如今回归正题)
2.instanceof 推断

var ary = [1,23,4];
console.log(ary instanceof Array)//true;

从输出的结果来看,照样挺令人满意的,能正确的检测出数据范例是不是是数组,不要愉快的太早,人人先想一想这个的瑕玷,我们接着说第三种要领
3.原型链要领

var ary = [1,23,4];
console.log(ary.__proto__.constructor==Array);//true
console.log(ary.constructor==Array)//true 这两段代码是一样的

这个要领开起来好嵬峨上哦~~,利用了原型链的要领,然则然则,这个是有兼容的哦,在IE初期版本内里__proto__
是没有定义的哦~而且,这个依然有局限性,我们如今就来总结一下第2种要领和第3种要领局限性

总结一下第2种要领和第3种要领局限性
instanceof 和constructor 推断的变量,必需在当前页面声明的,比方,一个页面(父页面)有一个框架,框架中援用了一个页面(子页面),在子页面中声清楚明了一个ary,并将其赋值给父页面的一个变量,这时候推断该变量,Array == object.constructor;会返回false;
缘由:
1、array属于援用型数据,在通报过程当中,仅仅是援用地点的通报。
2、每一个页面的Array原生对象所援用的地点是不一样的,在子页面声明的array,所对应的组织函数,是子页面的Array对象;父页面来举行推断,运用的Array并不等于子页面的Array;牢记,不然很难跟踪题目!

4.通用的要领

var ary = [1,23,4];
function isArray(o){
    return Object.prototype.toString.call(o)=='[object Array]';
}
console.log(isArray(ary));

详细Object.prototype.toString 的用法,请参照Object.prototype.toString的用法

本日总结这四种,算是三种吧,typeof是为了引出背面的instanceof,固然总结这四种也是参考了网上的一些看法,假如不妥的地方,请多斧正~~愿望和列位多多交换~

5、追加一种新的要领 Array.isArray(arg);
由于是新增加的,在不支撑的浏览器上可能有兼容性,用的时刻须要兼容下不支撑的浏览器,这个时刻就要连系第4中要领了

if(!Array.isArray){
    Array.isArray = function(arg){
        return Object.prototype.toString.call(arg)==='[object Array]'
    }

}

而且此要领能够支撑iframe推断是不是是数组,实际上是第四中的变形

再多的要领也须要撸码来增强用法和履历,前端们赶忙撸码影象吧….

    原文作者:D一生
    原文地址: https://segmentfault.com/a/1190000004479306
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞