zoukankan      html  css  js  c++  java
  • JavaScript判断变量是否为数组

    //首先看代码
    var ary = [1,23,4];
    console.log(typeof ary); //输出结果是Object
    上面的办法并不能实时的检测出是否是数组,只能判断其类型,用以获取一个变量或者表达式的类型,所以说typeof判断基本类型数据还是挺好的,但是不能准确测试出是否是数组。

    typeof一般判断基本数据类型。是一个操作符而不是函数,圆括号可有可无。

    typeof 返回值有:stringnumberbooleanundefinedobject function

    基本数据类型:BooleanNumberStringUndefinedNull

    基本数据类型中数字,字符串,布尔类型返回其对类型 undefined返回 undefined

    九大内置构造函数及其他所有函数返回function

    其他所有复杂类型对象和null返回 object

    alert(typeof[1,2]);  //object
    alert(typeof 'lei');   //string
    var  i = true;
    alert(typeof i);   //boolean
    alert(typeof 1);  //number
    var  a;
    alert(typeof  a );  //undefined
    function  a(){};
    alert(typeof  a);  //function
    我们可以使用typeof来获取一个变量是否存在,如if(typeof a!=“undefined”){},而不要去使用if(a)因为如果a不存在(未声明)则会出错。
    方法1. instanceof 判断
    instanceof 用于判断一个变量是否是某个对象的实例
    var ary = [1,23,4];
    console.log(ary instanceof Array)//true;
    console.log(ary instanceof Object)//true;Array是Object的子类
    从输出的效果来看,还是挺令人满意的,能准确的检测出数据类型是否是数组,但是有缺点。
    方法2. 原型链方法
    var ary = [1,23,4];
    console.log(ary.__proto__.constructor==Array);//true
    console.log(ary.constructor==Array)//true 这两段代码是一样的
    这个办法开起来好高大上哦~~,利用了原型链的方法,但是但是,这个是有兼容的哦,在IE早期版本里面__proto__是没有定义的哦~而且,这个仍然有局限性。

    总结一下两种种方法局限性

    instanceof 和constructor 判断的变量,必须在当前页面声明的,比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个ary,并将其赋值给父页面的一个变量,这时判断该变量,Array == object.constructor;会返回false;

    原因:

    1、array属于引用型数据,在传递过程中,仅仅是引用地址的传递。

    2、每个页面的Array原生对象所引用的地址是不一样的,在子页面声明的array,所对应的构造函数,是子页面的Array对象;父页面来进行判断,使用的Array并不等于子页面的Array;切记,不然很难跟踪问题!

    方法3. 通用的方法

    var ary = [1,23,4];
    function isArray(o){
    return Object.prototype.toString.call(o)=='[object Array]';
    }
    console.log(isArray(ary));
  • 相关阅读:
    apache bench(ab)压力测试模拟POSt请求
    使用pabot并发执行robotframework的testSuite
    Python实现简单的HTTP服务器(支持文件上传下载)
    Mac OS启动服务优化高级篇(launchd tuning)
    在MacOS下Python安装lxml报错xmlversion.h not found 报错的解决方案
    模拟恶劣网络环境常用的几种解决方案
    Web缓存基础:术语、HTTP报头和缓存策略
    RTMP直播应用与延时分析
    用Redis作为Mysql数据库的缓存【转】
    缓存雪崩,缓存穿透解决方案
  • 原文地址:https://www.cnblogs.com/zhaosijia----1234/p/9768589.html
Copyright © 2011-2022 走看看