• JS判断是否为数组的方式


    前言:先了解数据类型再来判断数组。

    值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。

    引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

    变量的数据类型可以使用 typeof 操作符来查看,但是要注意null、数组、除 Function 外的所有构造函数的类型[new Date、new String()...]都会是"object"。

    1、 instanceof 运算符:检验构造函数的prototype属性是否出现在对象的原型链中,返回一个布尔值。即判断一个实例对象是否由某个构造函数构造而来。

    1. let arr = [1,2,3]
    2. console.log(arr instanceof Array) //true
    3. let obj = {}
    4. console.log(obj instanceof Array) //false

    2、constructor:因为构造函数的constructor属性在原型里,并且指向构造函数,所以可以使用constructor属性来判断一个实例对象是由哪个构造函数构造而来,也可以说判断它属于哪个类。

    1. let arr = [1,2,3]
    2. console.log(arr.constructor == Array) //true

     3、Object.prototype.toString.call():可以获取到对象的不同类型。它除了可以检验是否为数组外,还可以检验是否是函数、对象、数字等;

    1. //检验是否是数组
    2. let arr = [1,2,3];
    3. Object.prototype.toString.call(arr) === '[object Array]';//true
    4. //检验是否是函数
    5. let fn = function () {};
    6. Object.prototype.toString.call(fn) === '[object Function]';//true
    7. //检验是否是对象
    8. let obj = {};
    9. Object.prototype.toString.call(obj) === '[object Object]';//true
    10. //检验是否是数字
    11. let num = 1;
    12. console.log(Object.prototype.toString.call(num)); // [object Number]

    4. Array.isArray():判断传递的值是否是一个数组,返回一个布尔值。是ES6新增的方法,所以低版本的浏览器可能不支持。

    1. let arr = [1,2,3]
    2. Array.isArray(arr); // true

    可以封装一个方法兼容低版本浏览器:

    1. if (!Array.isArray) {
    2. Array.isArray = function(arg) {
    3. return Object.prototype.toString.call(arg) === '[object Array]';
    4. };
    5. }
  • 相关阅读:
    ceph存储快速部署
    Metabase学习教程:数据分析-1
    php费尔康框架phalcon(费尔康)框架学习笔记
    MindSpore尝鲜之Vmap功能
    哪个电脑录屏软件好用又免费?十大好用的免费录屏软件排行
    【Spring实现模拟银行转账】
    webpack 使用 二
    Vue学习:el 与data的两种写法
    线稿图视频制作补充(调整视频亮度、对比度;删除无用文件)
    87.有效的完全平方数(力扣)
  • 原文地址:https://blog.csdn.net/weixin_47978760/article/details/126620537