18 个基础 JavaScript 方法代码片段

在 JavaScript 的世界里，掌握一些基础的方法能够极大地提高我们的编程效率和代码质量。以下为您介绍 18 个常用且实用的 JavaScript 方法代码片段。

1. Array.prototype.map() 方法用于创建一个新数组，其结果是该数组中的每个元素都调用提供的函数后的返回值。

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(num => num * 2);

2. Array.prototype.filter() 方法创建一个新数组，其中包含通过提供的函数实现的测试的所有元素。

const evenNumbers = numbers.filter(num => num % 2 === 0);

3. Array.prototype.reduce() 方法对数组中的每个元素执行一个由您提供的 reducer 函数，将其结果汇总为单个返回值。

const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

4. String.prototype.trim() 方法用于去除字符串两端的空格。

const str = "   Hello World!   ";
const trimmedStr = str.trim();

5. Math.random() 方法返回一个介于 0（包括）和 1（不包括）之间的随机数。

const randomNumber = Math.random();

6. Date() 方法用于创建一个日期对象。

const currentDate = new Date();

7. Object.keys() 方法返回一个给定对象自身可枚举属性组成的数组。

const person = { name: "John", age: 30 };
const keys = Object.keys(person);

8. Object.values() 方法返回一个给定对象自身可枚举属性值组成的数组。

const values = Object.values(person);

9. typeof 操作符用于返回一个表示数据类型的字符串。

const num = 5;
console.log(typeof num); 

10. parseInt() 函数用于解析一个字符串并返回一个整数。

const strNumber = "10";
const intNumber = parseInt(strNumber);

11. parseFloat() 函数用于解析一个字符串并返回一个浮点数。

const floatStr = "3.14";
const floatNumber = parseFloat(floatStr);

12. setTimeout() 方法用于在指定的毫秒数后执行函数。

setTimeout(() => {
  console.log("Hello after 2 seconds!");
}, 2000);

13. setInterval() 方法按照指定的时间间隔重复执行函数。

setInterval(() => {
  console.log("Hello every 2 seconds!");
}, 2000);

14. try...catch 语句用于捕获和处理异常。

try {
  // 可能会抛出异常的代码
} catch (error) {
  // 处理异常的代码
}

15. for...of 循环用于遍历可迭代对象。

const array = [1, 2, 3];
for (const element of array) {
  console.log(element);
}

16. for...in 循环用于遍历对象的可枚举属性。

for (const key in person) {
  console.log(key + ": " + person[key]);
}

17. JSON.stringify() 方法将 JavaScript 对象转换为 JSON 字符串。

const jsonString = JSON.stringify(person);

18. JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象。

const parsedObject = JSON.parse(jsonString);

熟练掌握这些基础的 JavaScript 方法代码片段，将为您在开发中解决各种问题提供有力的支持，让您的代码更加简洁、高效和易于维护。