浅谈js数据类型判断与数组判断


Posted in Javascript onAugust 29, 2016

写在开篇:

昨天面试发现一个十分非常简单的问题竟然没有回答上来,可能也确实是因为太紧张了,感觉被自己蠢哭了。后来想想还是应该认真记录一下,这样才能印象深刻。革命尚未成功,壮实仍需努力!

1. js六大数据类型

number:数字,整数、浮点数等等,

string:单引号或者双引号来说明,

Boolean:返回true和false,这两个值不一定对应1和0

object:对象,可以执行new操作符后跟要创建的对象类型的名称来创建。

null:只有一个值得数据类型,逻辑上讲,null值表示一个空对象指针。

undefined:未定义,使用var声明变量但未对其初始化时,变量的值就是undefined。

2. 数据类型判断之typeof

typeof可以解决大部分数据类型的判断,其返回值为一个字符串,该字符串说明运算数的类型。

//判断变量num是不是一个数字类型
if(typeof num=='number') {
  return true;
}

返回结果:

var a="hling"; console.log(a); //string
var a=1; console.log(a); //number
var a=false; console.log(a); //boolean
var a; console.log(typeof a); //undfined

var a = null; console.log(typeof a); //object
var a = document; console.log(typeof a); //object
var a = []; console.log(a); //object

var a = function(){}; console.log(typeof a) 
//function除了可以判断数据类型还可以判断function类型

除了string、number、boolean、undefined这四个类型外,null、object、array返回的都是object类型!!!

对于函数类型返回的则是function,再比如typeof(Date),typeof(eval)等。

3. js判断数组类型的方法

1) instanceof

instanceof 用于判断一个变量是否某个对象的实例,是一个三目运算式。这个操作符和JavaScript中面向对象有点关系,了解这个就先得了解JavaScript中的面向对象。因为这个操作符是检测对象的原型链是否指向构造函数的prototype对象的。

a instanceof b?alert("true"):alert("false") 
//注意b值是你想要判断的那种数据类型,是不是一个字符串,比如Array

例子:

var arr = [1,2,3,1]; 
alert(arr instanceof Array); // true

2) constructor

在W3C定义中的定义:constructor 属性返回对创建此对象的数组函数的引用

var arr = []; 
arr instanceof Array; // true 
arr.constructor == Array; //true

判断各种类型的方法是:

console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(false.constructor == Boolean);
console.log([].constructor == Array);
console.log({}.constructor == Object);

通用的方法:

function isArray(object){
  return object && typeof object==='object' &&
      Array == object.constructor;
}

3) 特性判断

object.isArray() 来判断,目的就是准确地检测一个值是否为数组。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都实现了这个方法。但是在IE8之前的版本是不支持的。

function isArray(object){
  return object && typeof object==='object' &&  
      typeof object.length==='number' && 
      typeof object.splice==='function' &&  
       //判断length属性是否是可枚举的 对于数组 将得到false 
      !(object.propertyIsEnumerable('length'));
}

4) Object.prototype.toString.call

Object.prototype.toString.call(value) == '[object Array]'

以上这篇浅谈js数据类型判断与数组判断就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
指定js可访问其它域名的cookie的方法
Sep 18 Javascript
jQuery DOM操作小结与实例
Jan 07 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
利用js canvas实现五子棋游戏
Oct 11 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 Javascript
判断js的Array和Object的实现方法
Aug 29 #Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 #Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 #Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 #Javascript
javascript如何创建对象
Aug 29 #Javascript
关于jquery中动态增加select,事件无效的快速解决方法
Aug 29 #Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
Aug 29 #Javascript
You might like
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
PHP中变量引用与变量销毁机制分析
2014/11/15 PHP
php读取txt文件并将数据插入到数据库
2016/02/23 PHP
php实现自定义中奖项数和概率的抽奖函数示例
2017/05/26 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
flash 得到自身url参数的代码
2009/11/15 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
Angular异步变同步处理方法
2018/08/13 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
js实现网页随机验证码
2020/10/19 Javascript
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
详解Python中的条件判断语句
2015/05/14 Python
详解Python的循环结构知识点
2019/05/20 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
python 利用pywifi模块实现连接网络破解wifi密码实时监控网络
2019/09/16 Python
基于python实现对文件进行切分行
2020/04/26 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
计算机毕业生求职信
2014/06/10 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
幼儿园见习总结
2015/06/23 职场文书
2016年公共机构节能宣传周活动总结
2016/04/05 职场文书
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS
MySQL常见优化方案汇总
2022/01/18 MySQL