脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js判断对象数组

javascript 判断一个对象为数组的方法

 更新时间：2017年05月03日 08:58:56   投稿：lqh  
这篇文章主要介绍了javascript 判断一个对象为数组的方法的相关资料,需要的朋友可以参考下

javascript 判断一个对象为数组的方法

数组对象

js的数组是无类型的：数组元素可以是任意类型，并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组，这样就可以创建复杂的数据结构。

通常我们可以用一元运算符typeof来判断js的数据类型，但是对于数组这样一个特殊的对象却只能返回"object"

typeof [1,2,3]
"object"
typeof 100
"number"
typeof false
"boolean"
typeof undefined
"undefined"
typeof NaN
"number"
typeof function(){}
"function"
typeof null
"object"

判断数组的方法

instanceof

instanceof 是一个二元运算符，左边操作数是一个对象，不是的话返回false，右边操作数是一个函数对象或者函数构造器，不是的话返回false。原理是通过判断左操作数的对象的原型链上是否具有右操作数的构造函数的prototype属性。

[1,2] instanceof Array 
true

Array.isArray(arr)

这个ES5新增的一个Array方法，该方法是Array对象的一个静态函数，用来判断一个对象是不是数组。

Array.isArray([1,2])
true

如果页面里面有n个frame,就存在多个window，每个window都有自己的Array对象，比如确定子window里的某个数组是不是Array时，用instanceof这个方法就不行了

var fr=window.frames[0];
fr.onload=function(){
  console.log(fr.arr instanceof Array);//false
  console.log(Array.isArray(fr.arr));//true
  //arr是另外一个页面的一个数组
}

Object.prototype.toString.call(arr) === “[object Array]”

Object.prototype.toString.call([1,2])
"[object Array]"

arr.constructor.name===’Array’

[1,2].constructor.name==='Array';
true

但是对象的constructor属性可以被改写，改写后用改方法判断就不行了

var arr=[1,2];
arr.constructor={};
arr.constructor.name === "Array" //undefined
false

其他方法 可以通过数组的一些独有的方法判断该对象是不是数组，比如join,push等

var c=[1,2];
c.push('3');//3
console.log(c)
[1, 2, "3"]

var c="12";
c.push('3');
//Uncaught TypeError: c.push is not a function(…)


var c=[1,2];
c.join('');
"12"

var c='12';
c.join('');
//Uncaught TypeError: c.join is not a function(…)

总结

通过上面的几种判断对象为数组对象的方法分析，使用Array.isArray(arr)和Oblect.prototype.toString.call(arr)是比较好的方法。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

相关文章

  • JavaScript中reduce方法的用法及使用场景

    JavaScript中reduce方法的用法及使用场景

    reduce()方法对数组中的每个元素按序执行一个提供的reducer函数,每一次运行 reducer会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值,今天我们就介绍一下reduce的几种简单使用场景,需要的朋友可以参考下
    2023-08-08
  • js绘制圆形和矩形的方法

    js绘制圆形和矩形的方法

    这篇文章主要介绍了js绘制圆形和矩形的方法,涉及javascript鼠标事件及页面元素样式的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 一个多浏览器支持的背景变暗的div并可拖动提示窗口功能的代码

    一个多浏览器支持的背景变暗的div并可拖动提示窗口功能的代码

    兼容IE、Firefox、Opera前几天在网上找了许多资料，看了不少兄弟的源码，一直找不到合适的，要不就是拖动有问题，要不就是不兼容Firefox，所以自已写了一个，下面是代码：
    2008-04-04
  • 纯JS代码实现气泡效果

    纯JS代码实现气泡效果

    js气泡效果，在项目需求中经常遇到。今天小编把大概实现步骤分享到脚本之家平台，感兴趣的朋友可以参考下
    2016-05-05
  • jsonp格式前端发送和后台接受写法的代码详解

    jsonp格式前端发送和后台接受写法的代码详解

    jsonp是ajax提交的一种格式不会受跨域限制，这篇文章主要介绍了jsonp格式前端发送和后台接受写法的代码详解,需要的朋友可以参考下
    2019-11-11
  • JavaScript获取数组最小值和最大值的方法

    JavaScript获取数组最小值和最大值的方法

    这篇文章主要介绍了JavaScript获取数组最小值和最大值的方法,涉及javascript中min与max方法的使用技巧,非常简单实用,需要的朋友可以参考下
    2015-06-06
  • ajax在js中和jQuery中的用法实例详解

    ajax在js中和jQuery中的用法实例详解

    Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写）,现在允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax,下面这篇文章主要给大家介绍了关于ajax在js中和jQuery中的用法,需要的朋友可以参考下
    2021-08-08
  • javascript实现倒计时N秒后网页自动跳转代码

    javascript实现倒计时N秒后网页自动跳转代码

    这篇文章主要介绍了javascript实现倒计时N秒后网页自动跳转代码,非常的实用，这里推荐给大家。
    2014-12-12
  • 微信小程序实现锚点功能

    微信小程序实现锚点功能

    这篇文章主要为大家详细介绍了微信小程序实现锚点功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11
  • JavaScript 获取元素在父节点中的下标(推荐)

    JavaScript 获取元素在父节点中的下标(推荐)

    jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标，需要的朋友参考下吧
    2017-06-06

最新评论