数据类型有哪些?如何判断一个数据是否是数组
一、js中判断数据类型的方法
js的七种数据类型:number、string、boolean、undefined、object、null、symbol和函数类型function。
方法一:typeof , 无法检验出数组、对象或null
typeof 2 // number
typeof null // object
typeof {} // object
typeof [] // object
typeof(function() {}) // function
typeof undefined // undefined
typeof '222' // string
typeof true // boolean
方法二:instanceof ,只能用来判断数组和对象,不能判断string和boolean类型,数组也属于对象。
var o = {
'name': 'lee'
};
var a = ['reg', 'blue'];
console.log(o instanceof Object); // true
console.log(a instanceof Array); // true
console.log(o instanceof Array); // false
由于数组也属于对象,不能区分是数组还是对象,改进:封装一个方法判断数组和对象
var o = {
'name': 'lee'
};
var a = ['reg', 'blue'];
var getDataType = function(o) {
if (o instanceof Array) {
return 'Array'
} else if (o instanceof Object) {
return 'Object';
} else {
return 'param is no object type';
}
};
console.log(getDataType(o)); //Object。
console.log(getDataType(a)); //Array。
方法三:constructor方法
var o = {
'name': 'lee'
};
var a = ['reg', 'blue'];
console.log(o.constructor == Object); //true
console.log(a.constructor == Array); //true
方法四:toString()判断string和boolean类型
var o = {
'name': 'lee'
};
var a = ['reg', 'blue'];
function c(name, age) {
this.name = name;
this.age = age;
}
var c = new c('kingw', '27');
console.log(Object.prototype.toString.call(a)); //[object Array]
console.log(Object.prototype.toString.call(o)); //[Object Object]
console.log(Object.prototype.toString.call(c)); //[Object Object]
二、特殊值的相等于严格相等比较
(function() {
console.log(null == undefined) // 输出:true
console.log(null === undefined) // 输出:false
console.log(null === null) // 输出:true
console.log(undefined === undefined) // 输出:true
console.log(NaN == undefined) // 输出:false
console.log(NaN == null) // 输出:false
console.log(NaN == NaN) // 输出:false
console.log(NaN === NaN) // 输出:false
})()
三、字符串相等(), 严格相等(=)运算符
在进行相等(==)运算比较时,如果一边是字符,一边是数字,会先将字符串转换成数字再进行比较;
严格相等(===)则不会进行类型转换,会比较类型是否相等;注NaN与任何值比较时都是false。
四、字符串大小的比较,大于(>), 小于(<)运算符
javascript字符串在进行大于(小于)比较时,会根据第一个不同的字符的ascii值码进行比较,当数字(number)与字符串(string)进行比较大小时,会强制的将数字(number)转换成字符串(string)然后再进行比较。
五、JS判断一个变量是否是数组类型
1、instanceof操作符
instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。
obj instanceof Object; //true 实例obj在不在Object构造函数中
var arr = [1, 2, 3, 1];
alert(arr instanceof Array); // true
2、对象的constructor属性
var arr = [1, 2, 3, 1];
alert(arr.constructor === Array); // true
第2种和第3种方法貌似无懈可击,但是实际上还是有些漏洞的,当你在多个frame中来回穿梭的时s候,这两种方法就亚历山大了。由于每个iframe都有一套自己的执行环境,跨frame实例化的对象彼此是不共享原型链的,因此导致上述检测代码失效!
3、Object.prototype.toString (用来区分null和array类型)
function isArrayFn(o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
var arr = [1, 2, 3, 1];
alert(isArrayFn(arr)); // true
call改变toString的this引用为待检测的对象,返回此对象的字符串表示,然后对比此字符串是否是’[object Array]',以判断其是否是Array的实例。
4. Array.isArray()(能用isArray就用它来判断是否属数组)
ECMAScript5将Array.isArray()正式引入JavaScript,目的就是准确地检测一个值是否为数组。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都实现了这个方法。但是在IE8之前的版本是不支持的。
var arr = [1, 2, 3, 1];
var arr2 = [{
abac: 1,
abc: 2
}];
function isArrayFn(value) {
if (typeof Array.isArray === "function") {
return Array.isArray(value);
} else {
return Object.prototype.toString.call(value) === "[object Array]";
}
}
alert(isArrayFn(arr)); // true
alert(isArrayFn(arr2)); // true