每日单词
info:信息 | largest:最大的 |
---|---|
invalid:无效的 | indicate:表示 |
incorrect:不正确的 | conventional:常规的 |
topic:主题 | has been:已经 |
JavaScript中的数据类型有哪些?
- number:数字;
- boolean:布尔;
- string:字符串;
- Object:对象;
- null:空;
- undefined:未定义;
- symbol:独一无二的值
如何判断某变量是否为数组变量?
-
instanceof
instanceof 方法主要是检测 变量的constructor 是否与 Array相等,也就是检测的变量的原型链是否指向Array构造函数的prototype原型上。
例:
var arr = [4,67,23];
console.log(arr instanceof Array) //true
补充:但是instanceof不一定能保证检测的结果一定正确,例如index页面传入一个arr变量给iframe去处理,则即使arr instanceof Array还是返回false,因为两个引用的Array类型不是同一个。并且constructor可以重写所以不能确保万无一失。
-
constructor 同上
例: var arr = []; arr.constructor === Array ruturn true
因为constructor可以被重写,所以不能确保一定是数组
例:
var str = 'abc';
str.constructor = Array;
str.constructor === Array // return true
//而很明显str不是数组
-
Array.isArray()
ES5 在Array上新增了检测数组的方法,因为是新的方法,浏览器有一定的兼容问题
终极方法,可以确保方法能检测一定是数组
-
Object.prototype.toString.call()
例: var arr = [34,65,1]; Object.prototype.toString.call(arr) === '[object Array]' //return true
总结:
由于Array.isArray()是封装在浏览器中,运行效率比较高,所以当真正需要检测一个变量类型时,先会检测浏览器是否支持Array.isArray(), 之后在用Obejct.prototype.toString()方法:
所以周全的封装的代码如下:
var arr = [1,3];
function isArray(value){
if (typeof Array.isArray === "function") {
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value) === "[object Array]";
}
}
alert(isArrayFn(arr));// true
JavaScript中什么是伪数组,如何将伪数组转化为真正的数组?
伪数组:
1.具有length属性
2.按索引方式存储数据
3.不具有数组的push,pop等方法
转化
1.可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。
2.ES6中Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。