这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇浅谈 js 数据类型判断与数组判断。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
写在开篇:
昨天面试发现一个十分非常简单的问题竟然没有回答上来,可能也确实是因为太紧张了,感觉被自己蠢哭了。后来想想还是应该认真记录一下,这样才能印象深刻。革命尚未成功,壮实仍需努力!
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 数据类型判断与数组判断就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0517/332255.html