js获取或判断任意数据类类型的通用方法(getDataType)和将NodeList转为数组（NodeListToArray）

Posted 2020-08-19 游子日月长

function getDataType(any)
{
/* (1) Object.prototype.toString.call 方法判断类型：
优点：通用，返回"[object String]" 具体object的类型
缺点：不能返回继承的类型

(2)typeof x
缺点：对object类型不能细分；
优点：对空null的判断 ‘undefined‘的应用;
返回类型有：‘undefined‘ “string” ‘number‘ ‘boolean‘ ‘function‘ ‘object‘

(3) instanceof 能返回具体的类型，只适用于用new关键字创建的对象进行判断
*/
// var baseType=["string","number","boolean"];//基本类型
// var refType=["object", "Function","Array","Date"];//引用类型

var dtype=Object.prototype.toString.call(any);

if(dtype=="[object Object]") //IE，某个dom元素对象
{
if(any.constructor)
{
var constructorStr=any.constructor.toString(); //obj.constructor可以返回继承的类型
if(constructorStr.indexOf("Array")!=-1) { dtype="[object Array]"; }
else
if(constructorStr.indexOf("htmlCollection")!=-1) { /* IE */ dtype="[object NodeList]"; }

else
if((constructorStr.indexOf("function")!=-1) && (constructorStr.indexOf("Object()")!=-1))
{
dtype="[object Object]";
}
else
dtype=constructorStr;
}
}
else
{
if(dtype=="[object HTMLCollection]") { /* FF */ dtype="[object NodeList]"; }


}

return dtype;
}

 

 

//将NodeList转为数组,使NodeList可以使用数组的全部方法
function NodeListToArray(nodes) {
var array = null;
try{
array = Array.prototype.slice.call(nodes,0);
}catch(ex){
array = new Array();
for(var i = 0,len = nodes.length;i < len;i++) {
array.push(nodes[i]);
}
}

return array;
}

 

/* //测试 getDataType 方法
var fn=function(){}
alert(getDataType(fn)); //[object Function]
alert(getDataType(new Object())); //[object Object]
alert(getDataType("Hello"));//[object String]
alert(getDataType(234));//[object Number]
alert(getDataType(true));//[object Boolean]
alert(getDataType(new Date())); //[object Date]
alert(getDataType(new Date().getTime())); //[object Number]
alert(getDataType(document.getElementById("demopic"))); //[object HTMLDivElement]
var nodelist=NodeListToArray(document.getElementsByTagName("*"));
alert(getDataType(nodelist)); //[object Array]
alert(getDataType(document.getElementsByTagName("*"))); //[object NodeList)]
//alert(nodelist[10].tagName);
*/