浅谈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 相关文章推荐
Javascript BOM学习小结(六)
Nov 26 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
深入理解基于vue-cli的vuex配置
Jul 24 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
JavaScript实现图片合成下载的示例
Nov 19 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
Jan 07 Vue.js
原生JavaScript实现轮播图
Jan 10 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
域名查询代码公布
2006/10/09 PHP
php&mysql 日期操作小记
2012/02/27 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
php支付宝系列之电脑网站支付
2018/05/30 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
Vue 实现简易多行滚动"弹幕"效果
2020/01/02 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
PyCharm专业最新版2019.1安装步骤(含激活码)
2019/10/09 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
css3的过滤效果简单实例
2016/08/03 HTML / CSS
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
社会治安综合治理管理责任书
2014/04/16 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
支行行长岗位职责
2015/02/15 职场文书
2015年复活节活动总结
2015/02/27 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python
python中if和elif的区别介绍
2021/11/07 Python
Java Lambda表达式常用的函数式接口
2022/04/07 Java/Android
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技