JS面试题，一问一答！9.25

目录

1、防抖和节流

2、localStorage、sessionStorage、cookie区别

3、数组有哪些原生方法？

4、for-in 和 for-of 的区别

---

1、防抖和节流

防抖：多次触发只执行最后一次

应用场景：search搜索时，用户在不断输入值时，用防抖来节约请求资源

节流：规定时间内 只触发一次

应用场景：

1.鼠标不断点击触发，mousedown(单位时间内只触发一次)
2.监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断

2、localStorage、sessionStorage、cookie区别

共同点：都是保存在浏览器端

区别：

①ocalStorage、sessionStorage不会自动把数据发送给服务器仅在本地存储

②cookie数据有路径（path）概念，可以固定存储到某个路径下

③cookie每次http请求都会携带，因此cookie只适合存储小数据，最大为4K左右，其他两者为5M

④有效期不同：cookie与localStorage都在过期前有效，但是sessionStorage在关闭的时候失效

⑤localStorage、cookie在同源窗口下共享数据，sessionStorage不在不同窗口下共享

3、数组有哪些原生方法？

1. push 向数组后面添加元素
2. concat 数组连接、合并
3. length 数组元素的长度
4. join() 将数组元素连接起来构成一个字符串,括号里面代表用什么分割
5. pop 移除数组的最后一个元素，返回值是被移除的元素
6. shift 移除数组的第一个元素，返回值是被移除的元素
7. unshift 向数组的开头添加一个或多个元素，返回值是加了之后新的长度
8. sort 对数组的元素进行排序,并返回数组
9. reverse 将数组中元素的位置颠倒，并返回该数组。
10. slice(begib, end) 返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的（包括 begin，不包括end）。原始数组不会被改变。
11. splice(start, deleteItem, items) 通过删除或替换现有元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
12. indexOf 返回在数组中可以找到一个给定元素的第一个索引(下标)，如果不存在，则返回-1
13. lastIndexOf(searchEle, fromIndex) 返回指定元素在数组中的最后一个的索引(下标)，如果不存在则返回 -1。从数组的后面向前查找，第二个参数可选，如果有第二个参数从 fromIndex 处开始往前找。

4、for-in 和 for-of 的区别

• 两者都可以用于遍历数组，只不过for-in遍历的是数组元素的索引 (index)，而for-of遍历的是数组元素的值
• for-in 可以遍历普通对象，获取的是对象的键名。 for-of 不可以遍历普通对象
• for-in 不可以遍历Set/Map。for-of 可以遍历Set/Map