浅谈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 相关文章推荐
基于jquery的cookie的用法
Jan 10 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
关于Vue组件库开发详析
Jul 01 Javascript
layui实现三级联动效果
Jul 26 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
微信小程序获取当前位置和城市名
Nov 13 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 11 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
phpmailer发送gmail邮件实例详解
2013/06/24 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
php生成QRcode实例
2014/09/22 PHP
PHP文件上传类实例详解
2016/04/08 PHP
PHP框架laravel的.env文件配置教程
2017/06/07 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
2019/07/15 PHP
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
详解Nuxt.js Vue服务端渲染摸索
2018/02/08 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
js实现各浏览器全屏代码实例
2018/07/03 Javascript
node 版本切换的实现
2020/02/02 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
python自动化测试实例解析
2014/09/28 Python
推荐11个实用Python库
2015/01/23 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
python学习之matplotlib绘制散点图实例
2017/12/09 Python
python实现隐马尔科夫模型HMM
2018/03/25 Python
python list转置和前后反转的例子
2019/08/26 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
Silk’n激光脱毛器官网:silkn.com
2016/10/06 全球购物
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
《所见》教学反思
2016/02/23 职场文书
MySQL之DML语言
2021/04/05 MySQL
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
关于python类SortedList详解
2021/09/04 Python
sqlserver连接错误之SQL评估期已过的问题解决
2022/03/23 SQL Server