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.pswp.cn/news/456803.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/456803.shtml
英文地址,請注明出處:http://en.pswp.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…