JS常用函数使用指南

简介

本文将会带你了解一些 JS 常用函数，在特定的场合下使用它们可以大大提高开发效率。

Array 相关函数

map()

该方法可以遍历数组的每一项并执行一次回调函数，将回调函数的结果存储在新的数组中，并返回该新数组。

语法：

let newArr = array.map(callback(currentValue [, index [, array]])[, thisArg]);

其中，参数的含义如下：
- callback：在数组的每个元素上执行的函数，参数分别传入三个参数。
- currentValue：当前被操作的元素。
- index：可选，当前被操作的元素的下标。
- array：可选，原数组。
- thisArg：可选，执行 callback 时 this 的指向。

示例：

let numArr = [1, 2, 3];
let squareArr = numArr.map((num) => num*num);
// squareArr 值为 [1, 4, 9]

forEach()

该方法可以遍历数组的每一项并执行一次回调函数，不创建新数组。

语法：

array.forEach(callback(currentValue [, index [, array]])[, thisArg]);

其中，参数的含义与 map() 函数的参数类似。

示例：

let numArr = [1, 2, 3];
numArr.forEach((num) => console.log(num));
// 控制台输出 1, 2, 3

String 相关函数

replace()

该方法用于在字符串中执行正则表达式的搜索和替换，并返回新的字符串。

语法：

let newStr = string.replace(regexp|substr, newSubstr|function)

其中，参数的含义如下：
- regexp|substr：要匹配的子字符串或正则表达式对象。
- newSubstr|function：用来替换匹配的子字符串或生成返回值的函数。

示例：

let str = "Hello, World!";
let newStr = str.replace(/o/g, "*");
// newStr 值为 "Hell*, W*rld!"

split()

该方法用于将字符串分割成数组，可指定分割字符串的分隔符。

语法：

let newArr = string.split(separator[, limit]);

其中，参数的含义如下：
- separator：指定用作分隔符的字符串。
- limit：可选，分割数组的最大长度。

示例：

let str = "Java, C++, Python";
let arr = str.split(", ");
// arr 值为 ["Java", "C++", "Python"]

Date 相关函数

getTime()

该方法用于获取时间戳。

语法：

let time = date.getTime();

其中，参数 date 为表示日期的 Date 对象。

示例：

let date = new Date();
let time = date.getTime();
console.log(time);
// 控制台输出 1637006174483（实际值会不同）

toLocaleString()

该方法用于将日期对象转换成字符串，显示格式取决于浏览器及系统的语言环境。

语法：

let str = date.toLocaleString();