JavaScript 判断变量是否为数组Array的方法

1. 不能用typeof ,因为typeof 只能判断基本类型,不能判断引用类型

  var ary = [1,23,4];
  console.log(typeof ary); //输出结果是Object

  上面的办法并不能实时的检测出是否是数组,只能判断其类型,所以说typeof判断基本类型数据还是挺好的,但是不能准确测试出是否是数组

2.instanceof 判断  

  var ary = [1,23,4];
  console.log(ary instanceof Array)//true;

  能准确的检测出数据类型是否是数组,但是有缺点。如下解释

3.原型链方法

  var ary = [1,23,4];
  console.log(ary.__proto__.constructor == Array);//true
  console.log(ary.constructor == Array)//true 这两段代码是一样的

  这个办法利用了原型链的方法,但是,这个是有兼容的哦,在IE早期版本里面__proto__是没有定义的哦~而且,这个仍然有局限性。

 

  我们现在就来总结一下第2种方法和第3种方法局限性。
  instanceof 和constructor 判断的变量,必须在当前页面声明的,比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个ary1,并将其赋值给父页面的一个变量 ary2,

  这时判断该变量,Array == ary2.constructor;会返回false;

  原因:

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

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

4. 通用的方法

  var ary = [1,23,4];
  function isArray(o){
    return Object.prototype.toString.call(o) == '[object Array]';
  }
  console.log(isArray(ary));
5 好用的判断类型的方式(高阶函数的应用)

function isType(type){
  return function(o){
    return Object.prototype.toString.call(o) === "[object " + type + "]";
  }
}
var isArray = isType("Array");
var a = [1,2,34];
console.log(isArray(a))

转载于:https://www.cnblogs.com/FineDay/articles/6688846.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/456803.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

require.js用法简介

一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码&…

Pycharm新建文件时自动添加基础信息

# -*- coding: utf-8 -*- # Time : ${DATE} ${TIME} # Author : Liu # File : ${NAME}.py 如下图所示 再建一个py文件时就会自动添加信息: # -*- coding: utf-8 -*- # Time : 2019/05/05 11:46 # Author : Liu # File : DOUBAN.py

JTLParser-linux上jmeter的jtl文件二次分析

解析JMeter的JTL文件 2013年01月30日 ⁄ 综合 ⁄ 共 1452字 ⁄ 字号 小 中 大 ⁄ 评论关闭http://code.google.com/p/xtoolkit/wiki/JTLParser Introduction 当把JMeter使用命令行运行后,JMeter会把结果保存到一个指定文件中(使用 -l 参数指定&#xff0…

php过滤html标签截取部分内容

<?php$str <span>fdsfsdf</span><a href"#">href</a>; echo htmlspecialchars($str).<Br>; echo strip_tags($str);?>用strip_tags能把Html标签都去掉&#xff0c;然后调用truncate函数 $array[$row[content_id]][content_ti…

解决python3 UnicodeEncodeError: 'gbk' codec can't encode character '\xXX' in position XX

从网上抓了一些字节流&#xff0c;想打印出来结果发生了一下错误&#xff1a; UnicodeEncodeError: gbk codec cant encode character \xbb in position 8530: illegal multibyte sequence 代码 import urllib.request resurllib.request.urlopen(http://www.baidu.com) ht…

Linux中的crontab详解

linux系统则是由 cron (crond) 这个系统服务来控制的。Linux 系统上面原本就有非常多的计划性工作&#xff0c;因此这个系统服务是默认启动的。另外, 由于使用者自己也可以设置计划任务&#xff0c;所以&#xff0c; Linux 系统也提供了使用者控制计划任务的命令 :crontab 命令…

centos7如何安装cloud-init

cloud-init rpm包下载地址&#xff1a;https://pkgs.org/download/cloud-init http://www.rpmfind.net/linux/RPM/index.html 转载于:https://www.cnblogs.com/double12gzh/p/10166131.html

实现一个简单的前端水印

需求分析 水印效果如下&#xff1a; 除了直观需求&#xff0c;还有非直观需求。 这是个背景图。文字样式以及文字本身可调整。对于需求1&#xff0c;需要前端生成图片的能力。 该能力的原理&#xff1a;借用canvas.toDataURL()或者(new XMLSerializer()).serializeToString()生…

QQ客服聊天功能网页跳转只需要几行代码

<html><head><meta charset"utf-8"></head><body><a target"_blank" href"http://wpa.qq.com/msgrd?v3&uin客服QQ号&siteqq&menuyes"><img border"0" src"http://wpa.qq.co…

HDU 2234 IDA*

无题I Time Limit: 10000/10000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 1648 Accepted Submission(s): 640 Problem Description一天机器人小A在玩一个简单的智力游戏&#xff0c;这个游戏是这样的&#xff0c;在一个4*4的矩阵…

Linux环境下Mysql的安装教程及安装过程常见问题的解决方法

最近安装mysql时看到一篇不错的文章 1、下载 下载地址&#xff1a;http://dev.mysql.com/downloads/mysql/5.6.html#downloads 下载版本&#xff1a;我这里选择的5.6.33&#xff0c;通用版&#xff0c;linux下64位 也可以直接复制64位的下载地址&#xff0c;通过命令下载&a…

最全的微信小程序源代码

wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo&#xff1a;百度小说搜索 shitoujiandaobu 小程序&#xff1a;石头剪刀布&#xff08;附代码说明&#xff09; audiodemo 微信小程序开发之视频播…

java 双重检查加锁弊端

http://blog.csdn.net/axman/article/details/1089196 Java是在语言级提供对线程的支持,所以Java的内存模型分为主存储器和工作存储器. [Main memory]主存储器就是实例所在的存储区域,所有实例本身都被放在主存储器中,当然这 句话本身就说明了实例的字段也在主存储器中,主存储器…

爬虫的复习手册

爬虫的概念 模拟浏览器发送请求&#xff0c;获取响应 爬虫的流程 url---》发送请求&#xff0c;获取响应---》提取数据---》保存 发送请求&#xff0c;获取响应---》提取url&#xff08;下一页&#xff0c;详情页&#xff09;重新请求 爬虫要根据当前url地址对应的响应为准 …

Hive安装报错:Unable to instantiate org.apache.hadoop.hive.ql.metadata.SessionHiveMetaStoreClient的解决办法

最近练习Hive&#xff0c;安装时爆出如下错误&#xff1a;Unable to instantiate org.apache.hadoop.hive.ql.metadata.SessionHiveMetaStoreClient的错误 报错的日志如下&#xff1a; Exception in thread "main" java.lang.RuntimeException: java.lang.RuntimeE…

要读

http://www.cnblogs.com/yangml/p/3828878.html转载于:https://www.cnblogs.com/qinqiu/p/6134683.html

Spark分布式集群的搭建和运行

集群共三台CentOS虚拟机&#xff0c;一个Matser&#xff0c;主机名为master&#xff1b;三个Worker&#xff0c;主机名分别为master、slave03、slave04。前提是Hadoop和Zookeeper已经安装并且开始运行。 1. 在master上下载Scala-2.11.0.tgz&#xff0c;复制到/opt/下面&#xf…

Hive2.1.1的安装教程(元数据放在本地Mysql)

目录1.上传tar包2.解压3. 设置环境变量4.设置Hive的配置文件5.启动Hive6.安装MySQL7.下载MySQL的驱动包8.修改Hive的配置文件9.启动Hive10.查看MySQL数据库 目录 1.上传tar包 jar包地址&#xff1a;http://hive.apache.org/downloads.html 2.解压 tar -zxvf apache-hive-2…

App性能优化之内存优化

2019独角兽企业重金招聘Python工程师标准>>> 为什么要进行内存优化呢&#xff1f;其实我们可以反过来想。如果不进行内存优化会产生什么样的问题&#xff1f; App的运行是有内存限制的&#xff0c;超过限制会产生OOM&#xff0c;导致App崩溃。如果内存不进行优化&am…

python+Tesseract-OCR实现图片识别(只适合新手)

1.首先准备环境&#xff1a; python版本&#xff1a;2.7/3.6 操作系统&#xff1a;windows系统 2.准备工具&#xff1a; tesseract-ocr 安装后设置好环境变量 链接: https://pan.baidu.com/s/1j8lBbQBrrbPaHAn5ujWFSw 提取码: 2med Pycharm 3.安装相关python包&#xf…