返回

JavaScript 方法锦囊妙计

前端

从 Codewars 题海中总结 JS 常用方法

在 Codewars 题海的征战中,诸位 JavaScript 勇士们是否曾遇到方法识别的难题?想要在春招的角逐中拔得头筹,掌握 JS 常用方法至关重要。本文将带领你从实战出发,总结 Codewars 中频现的 JS 方法,助力你化解题海迷局,一鸣惊人!

1. 数组操作

  • Array.isArray(arr) 检查 arr 是否为一个数组。
  • arr.forEach(callback) 遍历数组中的每个元素,并为每个元素调用 callback 函数。
  • arr.map(callback) 遍历数组中的每个元素,并返回一个新数组,其中包含每个元素应用 callback 函数后的结果。
  • arr.filter(callback) 遍历数组中的每个元素,并返回一个新数组,其中只包含满足 callback 函数的元素。
  • arr.reduce(callback, initialValue) 累积数组中的元素,并返回一个单一的值。

2. 字符串操作

  • str.includes(substr) 检查 str 是否包含子字符串 substr
  • str.startsWith(prefix) 检查 str 是否以 prefix 开头。
  • str.endsWith(suffix) 检查 str 是否以 suffix 结尾。
  • str.replace(regex, newStr)newStr 替换 str 中匹配 regex 的所有子字符串。
  • str.split(separator) 根据 separatorstr 分割为一个数组。

3. 数字操作

  • Math.max(...nums) 返回给定数字列表中的最大值。
  • Math.min(...nums) 返回给定数字列表中的最小值。
  • Math.abs(num) 返回给定数字的绝对值。
  • Math.floor(num) 返回给定数字向下取整的值。
  • Math.ceil(num) 返回给定数字向上取整的值。

4. 对象操作

  • Object.keys(obj) 返回给定对象的所有键名。
  • Object.values(obj) 返回给定对象的所有键值。
  • Object.assign(target, ...sources) 将源对象 sources 的属性复制到目标对象 target
  • JSON.stringify(obj) 将给定对象转换为 JSON 字符串。
  • JSON.parse(str) 将给定 JSON 字符串解析为对象。

5. 函数操作

  • setTimeout(callback, ms) 在给定毫秒数 ms 后调用 callback 函数。
  • setInterval(callback, ms) 以给定毫秒数 ms 的间隔调用 callback 函数。
  • clearTimeout(timeoutId) 取消之前通过 setTimeout 设置的计时器。
  • clearInterval(intervalId) 取消之前通过 setInterval 设置的计时器。
  • Function.prototype.bind(thisArg, ...args) 创建一个新函数,它将原函数的 this 上下文绑定为 thisArg,并预先应用参数 args

掌握这些 JavaScript 方法,你将能够轻松应对 Codewars 题海中的大部分挑战。记住,理解方法的原理比死记硬背更加重要。通过不断练习和深入探索,你会逐渐成为 JavaScript 的熟练使用者。春招的战鼓已经擂响,让我们用这些方法作为利器,在题海中劈波斩浪,旗开得胜!