每日一点前端面试题

每日单词

info：信息	largest：最大的
invalid：无效的	indicate：表示
incorrect：不正确的	conventional：常规的
topic：主题	has been：已经

JavaScript中的数据类型有哪些？

• number：数字；
• boolean：布尔；
• string：字符串；
• Object：对象；
• null：空；
• undefined：未定义；
• symbol：独一无二的值

---

如何判断某变量是否为数组变量?

1. 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可以重写所以不能确保万无一失。

2. constructor 同上

    例：
      var arr = [];
      arr.constructor === Array  ruturn true 
   

因为constructor可以被重写，所以不能确保一定是数组
例：
var str = 'abc';
str.constructor = Array;
str.constructor === Array // return true
//而很明显str不是数组

3. Array.isArray()

ES5 在Array上新增了检测数组的方法，因为是新的方法，浏览器有一定的兼容问题

终极方法,可以确保方法能检测一定是数组

4. 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）。