美文网首页前端大杂烩
如何在 JavaScript 中判断一个值是否为数组?

如何在 JavaScript 中判断一个值是否为数组?

作者: lio_zero | 来源:发表于2021-04-23 18:38 被阅读0次
    • 使用数组自带 Array.prototype.isArray() 方法来检查值是否为数组。
    const str = 'abc'
    const arr = [1, 2, 3]
    
    console.log(arr.isArray(arr)) // true
    
    • 如果环境不支持 Array.prototype.isArray() 方法,则可以使用 polyfill 实现,使用 Object.prototype.toString.call(arr) 进行类型判断。
    // 旧浏览器
    function isArray(value){ 
        return Object.prototype.toString.call(value) === '[object Array]'
    }
    
    // 旧浏览器兼容
    if (!Array.isArray) {
      Array.isArray = function (value) {
        return Object.prototype.toString.call(value) === '[object Array]'
      }
    }
    
    isArray(arr) // true
    isArray(str) // false
    
    • 使用 instanceof 检验构造函数的 prototype 属性是否出现在对象的原型链中,返回一个布尔值。
    arr instanceof Array // true
    
    • 使用 constructor 判断该变量的构造函数是否为 Array
    arr.constructor === Array // true
    
    • 使用一些提供好的函数库,如 Lodash 的 _.isArray 方法检查 value 是否归类为 Array 对象。
    console.log(_.isArray(arr)) // true
    console.log(_.isArray(str)) // false
    

    我们一般会组合前两种方法实现一个完美的 isArray:

    const isArray = Array.isArray || (list => ({}).toString.call(list) === '[object Array]')
    

    npm 上就有一个 isarray 包使用这种方式。

    注意

    • typeof 检测出的数组为 object
    • 使用 instanceofconstructor 检测是否为数组在一定程度上是便利、好用的,但是也存在着一些问题。主要是在判断上,可能会存在多个全局环境的问题(iframe)这种情况不多见,详细可以网上查查。

    相关文章

      网友评论

        本文标题:如何在 JavaScript 中判断一个值是否为数组?

        本文链接:https://www.haomeiwen.com/subject/utqfrltx.html