电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

JavaScript 判斷該對象是否為數組

瀏覽:8日期:2023-11-19 09:59:15
1. typeof

首先我們會想到的是使用typeof來檢測數據類型,但是對于Function, String, Number, Undefined等這幾種基本類型來說,使用typeof來檢測都可以檢測到,比如代碼如下:

function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function console.log(typeof 'yunxi'); // stringconsole.log(typeof undefined); // undefined

但是對于數組或者正則來說,使用typeof來檢測的話,那就滿足不了,因為當我們檢測數組或者正則的話,那么返回的類型將會是一個對象object,如下代碼所示:

console.log(typeof []); // objectconsole.log(typeof /d+/g); // object2. Instanceof

由此我們很容易會想到使用instanceof來檢測某個對象是否是數組的實例,該檢測會返回一個布爾型(boolean),如果是數組的話,返回true,否則的話返回false;我們再來看下上面的檢測是否為數組的代碼如下:

console.log([] instanceof Array); // trueconsole.log(/d+/g instanceof Array); // false

如上可以看到使用instanceof確實可以判斷是否為數組的列子;

3. constructor屬性

在javascript中,每個對象都有一個constructor屬性,它引用了初始化該對象的構造函數,比如判斷未知對象的類型,因此我們可以如下寫一個方法,代碼如下:

function isArray(obj) { return typeof obj == ’object’ && obj.constructor == Array}// 測試democonsole.log(isArray([])); // truevar a = {'a':1};console.log(isArray(a)); // falsevar b = [1,2,3];console.log(isArray(b)); // trueconsole.log(isArray(/d+/g));// false

如上可以看到,通過調用isArray 方法也可以判斷是否為數組的列子。

我們現在可以看到,對于第二點和第三點分別使用instanceof方法和constructor屬性貌似都可以來判斷是否為數組了,但是也有列外情況,比如在跨框架iframe的時候使用頁面中的數組時,會失敗,因為在不同的框架iframe中,創建的數組是不會相互共享其prototype屬性的;如下代碼測試即可得到驗證~

var iframe = document.createElement(’iframe’);document.body.appendChild(iframe);xArray = window.frames[window.frames.length-1].Array; var arr = new xArray('1','2','3','4','5');//這個寫法IE下是不支持的,標準瀏覽器firefox,chrome下有console.log(arr); // 打印出 ['1', '2', '3', '4', '5']console.log(arr instanceof Array); // false console.log(arr.constructor === Array); // false

如上的方法我們都不能來判斷一個對象是否為數組的方式; 但是我們在看ECMA262中可以看到,可以使用 Object.prototype.toString.call()方法來判斷一個對象是否為數組;如下代碼:

function isArray(obj) { return Object.prototype.toString.call(obj) == ’[object Array]’;}// 代碼調用console.log(isArray([])); // trueconsole.log(isArray([1,2,3])); // truevar iframe = document.createElement(’iframe’);document.body.appendChild(iframe);xArray = window.frames[window.frames.length-1].Array; var arr = new xArray('1','2','3','4','5');console.log(arr); // ['1','2','3','4','5']console.log(isArray(arr)); // true

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 品牌设计_VI设计_电影海报设计_包装设计_LOGO设计-Bacross新越品牌顾问 | 广域铭岛Geega(际嘉)工业互联网平台-以数字科技引领行业跃迁 | 定制液氮罐_小型气相液氮罐_自增压液氮罐_班德液氮罐厂家 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 智成电子深圳tdk一级代理-提供TDK电容电感贴片蜂鸣器磁芯lambda电源代理经销,TDK代理商有哪些TDK一级代理商排名查询。-深圳tdk一级代理 | 空冷器|空气冷却器|空水冷却器-无锡赛迪森机械有限公司[官网] | 桑茶-七彩贝壳桑叶茶 长寿茶 | 活性氧化铝|无烟煤滤料|活性氧化铝厂家|锰砂滤料厂家-河南新泰净水材料有限公司 | 成都竞价托管_抖音代运营_网站建设_成都SEM外包-成都智网创联网络科技有限公司 | 发光字|标识设计|标牌制作|精神堡垒 - 江苏苏通广告有限公司 | 抓斗式清污机|螺杆式|卷扬式启闭机|底轴驱动钢坝|污水处理闸门-方源水利机械 | 液氮罐(生物液氮罐)百科-无锡爱思科 | 水厂自动化-水厂控制系统-泵站自动化|控制系统-闸门自动化控制-济南华通中控科技有限公司 | 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 合肥抖音SEO网站优化-网站建设-网络推广营销公司-百度爱采购-安徽企匠科技 | 亿立分板机_曲线_锯片式_走刀_在线式全自动_铣刀_在线V槽分板机-杭州亿协智能装备有限公司 | 吹田功率计-长创耐压测试仪-深圳市新朗普电子科技有限公司 | vr安全体验馆|交通安全|工地安全|禁毒|消防|安全教育体验馆|安全体验教室-贝森德(深圳)科技 | 钢衬四氟管道_钢衬四氟直管_聚四氟乙烯衬里管件_聚四氟乙烯衬里管道-沧州汇霖管道科技有限公司 | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 钢托盘,钢制托盘,立库钢托盘,金属托盘制造商_南京飞天金属制品实业有限公司 | QQ房产导航-免费收录优秀房地产网站_房地产信息网 | 南京雕塑制作厂家-不锈钢雕塑制作-玻璃钢雕塑制作-先登雕塑厂 | 小型手持气象站-空气负氧离子监测站-多要素微气象传感器-山东天合环境科技有限公司 | CTAB,表面活性剂1631溴型(十六烷基三甲基溴化铵)-上海升纬化工原料有限公司 | 砍排机-锯骨机-冻肉切丁机-熟肉切片机-预制菜生产线一站式服务厂商 - 广州市祥九瑞盈机械设备有限公司 | 深圳天际源广告-形象堆头,企业文化墙,喷绘,门头招牌设计制作专家 | 河北中仪伟创试验仪器有限公司是专业生产沥青,土工,水泥,混凝土等试验仪器的厂家,咨询电话:13373070969 | 股指期货-期货开户-交易手续费佣金加1分-保证金低-期货公司排名靠前-万利信息开户 | 影合社-影视人的内容合作平台 | 武汉森源蓝天环境科技工程有限公司-为环境污染治理提供协同解决方案 | 工业废水处理|污水处理厂|废水治理设备工程技术公司-苏州瑞美迪 今日娱乐圈——影视剧集_八卦娱乐_明星八卦_最新娱乐八卦新闻 | 济南网站策划设计_自适应网站制作_H5企业网站搭建_济南外贸网站制作公司_锐尚 | 北京租车牌|京牌指标租赁|小客车指标出租| 背压阀|减压器|不锈钢减压器|减压阀|卫生级背压阀|单向阀|背压阀厂家-上海沃原自控阀门有限公司 本安接线盒-本安电路用接线盒-本安分线盒-矿用电话接线盒-JHH生产厂家-宁波龙亿电子科技有限公司 | 深圳品牌设计公司-LOGO设计公司-VI设计公司-未壳创意 | 超声波清洗机_超声波清洗机设备_超声波清洗机厂家_鼎泰恒胜 | 振动传感器,检波器-威海广达勘探仪器有限公司 | 环比机械 | 武汉高低温试验机-现货恒温恒湿试验箱-高低温湿热交变箱价格-湖北高天试验设备 | 密集架-密集柜厂家-智能档案密集架-自动选层柜订做-河北风顺金属制品有限公司 |