18个高频使用的JS工具方法总结

标题：18个高频使用的JS工具方法总结 - 完整攻略

正文：

背景介绍

作为开发人员，经常需要使用一些常用工具方法来处理各种问题，这些工具方法可以节省开发时间、提高代码效率。本文总结了18个高频使用的JS工具方法，并对每个工具方法进行详细说明，包括使用方法、参数说明及返回值等内容。本文旨在为大家提供一份可供参考的JS工具方法总结，让大家能够更加高效地完成开发工作。

18个高频使用的JS工具方法

1. 数组去重（Array.from + Set）

该方法可以实现一个数组去重并返回一个新的数组，使用方法如下：

const arr = [1, 2, 3, 4, 4, 5];
const newArr = Array.from(new Set(arr));
console.log(newArr); // [1, 2, 3, 4, 5]

2. 数组平均值（reduce）

该方法可以计算一个数组的平均值，使用方法如下：

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((prev, curr) => prev + curr);
const average = sum / arr.length;
console.log(average); // 3

3. 对象合并（Object.assign）

该方法可以将多个对象合并成一个新的对象，使用方法如下：

const obj1 = {a: 1, b: 2};
const obj2 = {c: 3, d: 4};
const newObj = Object.assign({}, obj1, obj2);
console.log(newObj); // {a: 1, b: 2, c: 3, d: 4}

4. 判断数组是否包含某个值（includes）

该方法可以判断一个数组是否包含某个值，使用方法如下：

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(2)); // true
console.log(arr.includes(6)); // false

5. 字符串反转（split + reverse + join）

该方法可以实现一个字符串的反转并返回一个新的字符串，使用方法如下：

const str = 'hello world';
const newStr = str.split('').reverse().join('');
console.log(newStr); // 'dlrow olleh'

6. 随机数生成（Math.random）

该方法可以生成一个指定范围内的随机数，使用方法如下：

const randomNumber = Math.floor(Math.random() * 10 + 1); // 生成1-10之间的随机数
console.log(randomNumber);

7. 字符串首字母大写（charAt + toUpperCase）

该方法可以将一个字符串的首字母大写并返回一个新的字符串，使用方法如下：

const str = 'hello world';
const newStr = str.charAt(0).toUpperCase() + str.slice(1);
console.log(newStr); // 'Hello world'

8. 去除字符串首尾空格（trim）

该方法可以去除一个字符串首尾的空格并返回一个新的字符串，使用方法如下：

const str = ' hello world ';
const newStr = str.trim();
console.log(newStr); // 'hello world'

9. 时间戳转日期（new Date）

该方法可以将一个时间戳转换为一个日期，使用方法如下：

const timestamp = 1625129503362;
const date = new Date(timestamp);
console.log(date.toLocaleDateString()); // '7/1/2021'
console.log(date.toLocaleTimeString()); // '4:51:43 PM'

10. 获取当前时间（new Date）

该方法可以获取当前时间并返回一个日期对象，使用方法如下：

const now = new Date();
console.log(now.toLocaleString()); // '7/1/2021, 4:57:10 PM'

11. 判断一个变量是否为数组（Array.isArray）

该方法可以判断一个变量是否为数组，使用方法如下：

const arr = [1, 2, 3, 4, 5];
console.log(Array.isArray(arr)); // true

12. 判断一个变量是否为对象（typeof）

该方法可以判断一个变量是否为对象，使用方法如下：

const obj = {a: 1, b: 2};
console.log(typeof obj === 'object'); // true

13. 获取一个字符串的长度（length）

该方法可以获取一个字符串的长度，使用方法如下：

const str = 'hello world';
console.log(str.length); // 11

14. 判断一个字符串是否为空（trim）

该方法可以判断一个字符串是否为空，使用方法如下：

const str = '   ';
console.log(str.trim() === ''); // true

15. 获取一个对象的所有键名（Object.keys）

该方法可以获取一个对象的所有键名并返回一个数组，使用方法如下：

const obj = {a: 1, b: 2, c: 3};
const keysArr = Object.keys(obj);
console.log(keysArr); // ['a', 'b', 'c']

16. 获取一个对象的所有键值（Object.values）

该方法可以获取一个对象的所有键值并返回一个数组，使用方法如下：

const obj = {a: 1, b: 2, c: 3};
const valuesArr = Object.values(obj);
console.log(valuesArr); // [1, 2, 3]

17. 获取一个函数的名称（Function.name）

该方法可以获取一个函数的名称，使用方法如下：

function foo() {
  return 'foo';
}
console.log(foo.name); // 'foo'

18. 判断一个值是否为NaN（isNaN）

该方法可以判断一个值是否为NaN，使用方法如下：

console.log(isNaN(NaN)); // true
console.log(isNaN('hello')); // true
console.log(isNaN(123)); // false

结语

本文总结了18个高频使用的JS工具方法，每个方法都经过了详细的说明和示例代码的演示。希望这篇文章能够对大家有所帮助，让大家能够更加高效地完成开发工作。