浅谈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字符串函数扩展代码
Sep 13 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
Bootstrap模态框(Modal)实现过渡效果
Mar 17 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 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来处理多个提交任务
2006/10/09 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
第三章 php操作符与控制结构代码
2011/12/30 PHP
PHP GD库生成图像的几个函数总结
2014/11/19 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
关于Aptana Studio生成自动备份文件的解决办法
2009/12/23 Javascript
js 第二代身份证号码的验证机制代码
2011/05/12 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
在vue中实现禁止屏幕滚动,禁止屏幕滑动
2020/07/22 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
TripAdvisor印尼站:全球领先的旅游网站
2018/03/15 全球购物
教师推荐信范文
2013/11/24 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
手术室护士个人总结
2015/02/13 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python
关于python类SortedList详解
2021/09/04 Python
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android
JS的深浅复制详细
2021/10/16 Javascript