共计 3755 个字符，预计需要花费 10 分钟才能阅读完成。
前言
这次面试发现自己的问题还是很多很多，最基础的 js 数组的问题都没有熟悉到位，面试官问 js 数组有哪些方法，我都回答不上来，还有就是很多知识都很零散，以前明明看过，但是就是容易忘，现在对今天面试的题目总结一下。
数组去重有哪些方法？
排序后遍历去重
let array = [1,22,44,44,44,33,33,33,33,44,22,1]
function deleteArray(){
let newArray = [];
array = array.sort()
array.map((index,item)=>{
if(index != array[item+1]){
newArray.push(index)
}
})
console.log(newArray)
}
deleteArray();//[1, 22, 33, 44]
说明：sort()方法比较特殊，会将 [1,12,3,4,24] 排序成[1,12,24,3,4]，你会发现如果该数字是两位数的话，sort 只会根据第一个数字排序，这样显然是错的，所以我们在进行排序的时候要在 sort 中传入一个比较函数，这也牵扯出了一道很容易考的题：
怎样实现一个随机数组（也称随机洗牌算法）？
arr = arr.sort(function(a,b){return Math.random() – 0.5;})// 最好是针对数值型数组
分析：是的，你没有看错，一行代码就可以解决这个问题，只要在 sort 中放一个函数就可以，而且是不需要被调用的，根据函数返回值的正负，来判断怎么排序，具体参考这里。
indexof 去重
let array = [1,22,44,44,44,33,33,33,33,44,22,1]
function deleteArray(){
let newArray = [];
for(let i = 0;i<array.length;i++){
if(newArray.indexOf(array[i]) == -1){
newArray.push(array[i])
}
}
console.log(newArray)
}
deleteArray();
set 方法去重
let array = [1,22,44,44,44,33,33,33,33,44,22,1]
function deleteArray(){
let newArray = []
// 使用 set 方法进行去重过后得到的是一个对象，所以我们还要想办法把它变成一个数组
newArray = new Set(array)
//Array.from 可以直接将对象转换成数组，也可以使用 …newArray 的方法将可遍历对象转换成数组
newArray = Array.from(newArray)// 或 newArray = new Array(…newArray)
console.log(newArray)
}
deleteArray();//[1, 22, 33, 44]
使用 reduce 方法去重
参考这里
数组的方法有哪些？这些方法中不改变原数组的有哪些？
数组的方法有：
concat: 连接两个数组，不改变原数组
join：将数组中的内容放入一个字符串中，括号中的参数就是分隔符，不改变原数组
slice：获取数组指定位置区间的元素，不改变原数组
不传参数时，相当于不操作，返回整个数组
传入一个参数时，会返回从该参数到数组末尾的所有元素
传两个参数时，会返回从第一个参数到第二个参数之间的所有元素，但是不包含最后一个元素
当传入的参数为负数时，会加上数组的长度再取元素，比如说 slice(-2,-1)=>slice(3,4)（假设数组长度为 5）
当传入两个参数，并且第一个参数大于第二个参数时，会返回空数组
pop：删除并返回数组的最后一个元素，会改变原数组
shift：从数组的头部删除元素，返回的是该元素，会改变原数组
unshift：向数组的头部添加元素，返回的是数组长度，会改变原数组
push：向数组的末尾添加一个元素，返回的是数组长度，会改变原数组
reverse：将数组进行反转，返回的是反转后的数组，会改变原数组
sort：对数组进行排序，原理是先将数组中的元素转换成字符串，然后比较字符串，如果要正确的排序，需要在方法中传入一个比较函数，返回的是排序后的数组，会改变原数组
splice：主要用途是在数组的中部插入或删除元素，返回的是从该数组中删除的元素，如果没有删除，则返回空数组，会改变原数组
删除任意数量的项，需要传入两个参数，第一参数指定删除的开始位置，第二个参数指定删除多少项
插入任意数量的项，需要传入 3 个参数，分别为起始位置，要删除的项数（一般取 0），插入的项（可以为多项）
替换指定数目的项，参数和上面完全相同，只是第二个参数不再取 0
indexOf：查找指定元素的位置，返回该元素第一次出现的位置，不会改变原数组
如果只传入一个参数，表明是查找该元素
如果传入两个参数，则第一个表示从哪个位置开始往后找，第二个参数表示要查找的元素
lastIndexOf：从后往前查找指定元素的位置，只是和 indexOf 的查找方向不同，其他部分均相同
reduce：这个方法很强大，也比较复杂，我专门总结了一篇文章，这个方法也不会改变原数组
总结：改变原数组的方法有：shift,push,pop,unshift,sort,reserve,splice 不改变原数组的有：concat,join,slice,reduce,indexOf,lastIndexOf
http 常见状态码有哪些？服务器怎么判断出是否应该返回 304 状态码？
答：常见的状态码就先不说了，这篇文章中写了，重点看服务器怎么判断应该返回 304 状态码，具体实现为：
浏览器第一次请求资源，响应成功，会返回 200，然后浏览器会将这个资源的副本缓存在本地；（这个资源的响应头部会带有一个 ETag 字段，用来标志这个资源）
下次再发送请求时，在请求头中会有一个 If Modified Since 字段，这个字段是告诉服务器如果在这个时间之后的资源没有发生更改，自己就可以直接从缓存中拿了，如果有更改，就需要发送新的资源了；（服务器就是通过 ETag 字段来判断资源是否更改）
服务器通过匹配 ETag 字段发现没有更改时，会返回一个 304。
js 中的事件冒泡和事件捕获
答：事件冒泡是 IE 的事件流，事件开始是由最具体的元素接收，然后逐步向上级传播为较不具体的节点；而事件捕获是网景推出的事件流，和事件冒泡刚好相反，事件捕获是从外到内，从最不具体的流向具体的节点，也就是最具体的节点是最后接收到事件的。（补充：DOM2 级事件的流的三个阶段跟别为事件捕获阶段，处于目标阶段，事件冒泡阶段）
js 中基本数据类型有哪些？引用类型有哪些？
答：基本数据类型包括：null，undefined，string，number，boolean，symbool（es6 中新增）；引用类型只有 Object；其中基本数据类型是存放在栈中，引用数据类型是存放在堆中。
null 和 undefined 的区别？
答：null 通常表示指向空指针的对象，而 undefined 一般是表示只进行声明但是没有初始化的变量。
将 null 和 undefined 转换成 number 类型返回的是什么？
答：Number(null)==0 Number(undefined)==NaN Number(“”)==0
将哪些转换成布尔类型会返回 false？
答：false，NaN，””，null，undefined，0
js 事件循环机制？
答：事件循环机制就是任务分为主任务和异步任务，只有在主任务都执行完毕后才会去异步队列中取异步任务执行，这样就会造成异步的假象。具体解释，可以参考这里。
js 中的微任务有哪些？
答：微任务有 process.nextTick 和 promise.then
call()和 apply()以及 bind()的区别？
答：首先三者都可以绑定 this，从而改变 this 的指向，区别在于 call()和 apply()只是绑定 this 指向，没有返回值；而使用 bind()时，会返回一个函数，绑定了 this 指向后的这个函数在任何地方进行调用 this 都不会发生改变。而 call 和 apply 之间的区别在于前者传参时是逐个传入，而后者是传入一整个数组。
数组进行遍历的方法有哪些？它们的区别在哪儿？
答：遍历数组的方法有：
for — 需要知道数组的长度
forEach — 不需要数组的长度，没有返回值
map — 返回每次函数调用的结果组成的数组，不改变原数组
some — 只要函数调用结果有一个返回 true，结果就是 true
every — 函数调用的结果全部返回 true 时，返回的就是 true
filter — 根据条件对数组元素进行筛选，返回的是满足条件的元素组成的数组，不会改变原数组
reduce — 为数组中的每个元素执行一个回调函数，上面也有提到。
for-of — 用来遍历可迭代的数据结构，比如说数组，字符串，集合，类数组对象等。
遍历对象的方法有：
for-in — 返回可枚举属性（包括自身和继承的），也可以遍历数组，不过返回的是数组的下标
Object.getOwnPropertyNames — 返回该对象自身的所有属性（包括可枚举的和不可枚举的）组成的数组
Object.keys — 返回该对象的自身的可枚举属性组成的数组
