在 JS面试中脱颖而出：如何掌握核心知识点

1. 数组（对象、字符串）的方法（必须背）

• 数组的方法 ：

  • push()：将一个或多个元素添加到数组的末尾，并返回新的长度。
  • pop()：从数组的末尾删除一个元素，并返回该元素。
  • shift()：从数组的开头删除一个元素，并返回该元素。
  • unshift()：将一个或多个元素添加到数组的开头，并返回新的长度。
  • sort()：对数组中的元素进行排序。
  • reverse()：反转数组中的元素。
  • join()：将数组中的元素连接成一个字符串。
  • slice()：返回数组的一部分。
  • splice()：从数组中删除或替换元素。

• 对象的方法 ：

  • Object.keys()：返回对象的所有属性。
  • Object.values()：返回对象的所有值。
  • Object.entries()：返回对象的所有键值对。
  • Object.assign()：将一个或多个对象合并到一个新的对象中。
  • Object.create()：创建一个新对象，并指定该对象的原型。

• 字符串的方法 ：

  • length：返回字符串的长度。
  • charAt()：返回指定位置的字符。
  • substring()：返回指定范围的字符串。
  • replace()：用一个字符串替换另一个字符串。
  • toUpperCase()：将字符串转换为大写。
  • toLowerCase()：将字符串转换为小写。
  • trim()：从字符串中删除前后的空格。

2. 数组的去重（适当背几个，会问）

数组去重的方法有很多，常见的有：

• 使用 Set() ：Set() 是 JavaScript 中的一个内置对象，可以自动去除重复的元素。
• 使用 filter() ：filter() 方法可以过滤出数组中满足特定条件的元素。
• 使用 reduce() ：reduce() 方法可以将数组中的元素归并为一个单一的元素。
• 使用 indexOf() ：indexOf() 方法可以找到数组中某个元素第一次出现的位置。
• 使用 lastIndexOf() ：lastIndexOf() 方法可以找到数组中某个元素最后一次出现的位置。

3. Localstorage、session 和 Cookie 的区别？（需要背诵，倒是没问到）

• Localstorage ：
  • 存储的数据不会随着浏览器关闭而丢失。
  • 存储空间比 Cookie 大。
  • 可以存储任何类型的数据。
• Session ：
  • 存储的数据会在浏览器关闭时丢失。
  • 存储空间比 Localstorage 小。
  • 只可以存储字符串类型的数据。
• Cookie ：
  • 存储的数据会随着浏览器关闭而丢失。
  • 存储空间比 Localstorage 和 Session 都小。
  • 只可以存储字符串类型的数据。

4. 重排和重绘（要背）

• 重排 ：
  • 当 DOM 树发生变化时，浏览器会重新计算每个元素的位置和大小。
  • 重排会导致页面布局发生变化。
  • 重排是一个相对昂贵的操作。
• 重绘 ：
  • 当元素的外观发生变化时，浏览器会重新绘制该元素。
  • 重绘不会导致页面布局发生变化。
  • 重绘是一个相对便宜的操作。

结语

掌握好这些 JavaScript 的核心知识点，并能够灵活地应用到实际项目中，将会大大提高您在面试中的竞争力。祝您在 JavaScript 面试中取得优异的成绩！