一些常见的JavaScript API，全文手扣，难免有误，欢迎指证！

一、字符串

1. charAt()

返回指定index的字符。

参数：

index

var str = "叫你不提前买票，回不去了吧";

console.log(str.charAt(0));  // 叫

2. charCodeAt()

返回指定index的字符的Unicode编码。

参数：

index

console.log(str.charCodeAt(1)); // 20320

3. concat()

字符串拼接。

参数：

要拼接的字符串

console.log(str.concat("!!!")); // 叫你不提前买票，回不去了吧!!!

4. String.fromCharCode()

返回指定的Unicode编码对应的字符。

参数：

Unicode编码

console.log(String.fromCharCode(1996)); // ߌ

5. indexOf()

在一个字符串中检索另一个字符串，返回字符串第一次出现的index，没找到返回 -1

参数：

要检索的字符串

console.log(str.indexOf("买")); // 5

6. lastIndexOf()

在一个字符串中检索另一个字符串，返回字符串最后一次出现的index，没找到返回 -1

参数：

要检索的字符串

console.log(str.lastIndexOf("不")); // 9

7. match()

找到一个或多个匹配，返回一个存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

参数：

匹配规则（正则表达式或字符串）

var str2 = "Jquery 3.6.0";

console.log(str2.match("J")); // [ 'J', index: 0, input: 'Jquery 3.6.0', groups: undefined ]

console.log(str2.match(/\d/g)); // [ '3', '6', '0' ]

8. replace()

替换匹配到的字符串第一个参数也可以是普通的字符串

参数：

匹配规则（正则表达式或字符串）
要替换为的新字符串（或一个回调函数的返回值）

console.log(str.replace("你", "我")); // 叫我不提前买票，回不去了吧

9. search()

检索与正则表达式匹配的字符串，返回 index，找不到返回 -1

参数：

匹配规则（正则表达式或字符串）

console.log(str.search(/我忘了/)); // -1

10. slice()

截取指定范围（左闭右开）的字符串，返回截取到的新字符串。

参数：

起始index
结束index（取不到）

console.log(str.slice(0, 3)); // 叫你不

11. split()

将字符串分割为数组，返回数组。

参数：

分割的参照物

console.log(str.split("")); // ['叫', '你', '不','提', '前', '买','票', '，', '回','不', '去', '了','吧']

12. substring()

截取指定范围（左闭右开）的字符串，返回截取到的新字符串。参数不能为负值

参数：

起始index
结束index（取不到）

console.log(str.substring(0, 2)); // 叫你

13. substr()

截取指定长度的字符串，返回截取到的新字符串。

参数：

起始index
要截取的字符个数

console.log(str.substr(1, 2)); // 你不

14. toUpperCase()

将字符串中的字母转换为大写。

console.log(str2.toUpperCase()); // JQUERY 3.6.0

15. toLowerCase()

将字符串中的字母转换为小写。

console.log(str2.toLowerCase()); // jquery 3.6.0

16. length

返回字符串的长度，这是一个属性而不是方法。

console.log(str2.length); // 12

二、数组

1. length

返回数组的长度，这是一个属性，不是方法。

var arr = [1, 2, 3, 4, 5, 6, 7, 8];

console.log(arr.length); // 8

2. concat()

数组的拼接。返回拼接以后的新数组，不会改变原数组。

参数：

要进行拼接的数组

console.log(arr.concat([9, 10])); // [1, 2, 3, 4,  5, 6, 7, 8, 9, 10]

3. push()

在数组的末尾添加一个或多个元素。返回添加元素以后数组的新长度，会改变原数组。

参数：

要添加进去的元素

console.log(arr.push(88)); // 9

4. pop()

删除数组末尾的最后一个元素，返回被删除的元素，会改变原数组。

console.log(arr.pop()); // 88

5. unshift()

在数组的开头添加一个或多个元素，返回添加元素后数组的新长度，会改变原数组。

参数：

要添加进去的元素

console.log(arr.unshift(0)); // 9

6. shift()

删除数组开头的第一个元素，返回被删除的元素。会改变原数组。

console.log(arr.shift()); // 0

7. reverse()

反转数组中元素的顺序。会改变原数组。

console.log(arr.reverse()); // [8, 7, 6, 5, 4, 3, 2, 1]

8. join()

将数组中的元素拼接为字符串，返回字符串，不会改变原数组。

参数：

拼接的连接符号

console.log(arr.join()); // 8,7,6,5,4,3,2,1

9. slice()

截取指定范围（左闭右开）的元素，组成新数组，不会改变原数组。

参数：

起始index
结束index（取不到）

console.log(arr.slice(0, 2)); // [ 8, 7 ]

10. splice()

从数组的任意位置，删除任意个元素，并在该位置插入新元素。会改变原数组。返回被删除的元素组成的数组。

参数：

起始index
要删除的元素个数（如果这个参数值为0，那就变成了在这里插入元素）
要在这个位置插入的元素

console.log(arr.splice(0, 1, 999)); // [ 8 ]

11. indexOf()

检索一个元素在数组中第一次出现的位置，返回它的index，没找到返回 -1

参数：

要查找的元素

console.log(arr.indexOf(3)); // 6

12. lastIndexOf()

检索一个元素在数组中最后一次出现的位置，返回它的index，没找到返回 -1

参数：

要查找的元素

console.log(arr.lastIndexOf(3)); // 6

13. sort()

将数组按照指定的规则排序，默认按照元素的Unicode编码升序排列。会改变原数组。

参数：

回调函数（返回值>0，相邻两个元素交换位置，否则不交换）

console.log(arr.sort()); // [1, 2, 3, 4, 5, 6, 666, 7, 999]

三、日期

1. getFullyear()

返回现在是那一年。

console.log(mydate.getFullYear()); // 2021

2. getMonth()

返回现在是几月份，从0开始计算。

console.log(mydate.getMonth()); // 4

3. getDate()

返回现在是当月的第几天。

console.log(mydate.getDate()); // 5

4. getDay()

返回现在是星期几。

console.log(mydate.getDay()); // 3

5. getHours()

返回现在的小时数。

console.log(mydate.getHours()); // 17

6. getMinutes()

返回现在的分钟数。

console.log(mydate.getMinutes()); // 1

7. getSeconds()

返回现在的秒钟数。

console.log(mydate.getSeconds()); // 45

8. getMilliseconds()

返回现在的毫秒数。

console.log(mydate.getMilliseconds()); // 916

9. getTime()

返回现在的时间戳。

console.log(mydate.getTime());  // 1620205407916

四、数字

1. toFixed()

保留指定位数的小数。

参数：

保留小数的位数

var num = -256.1024;

console.log(num.toFixed(2)); // -256.10

2. parseInt()

取整。

参数：

要取整的数字。
进制（表示把参数1当作多少进制来计算，它会被转换为10进制数再取整）

console.log(parseInt(num)); // -256

3. Number.isInteger()

判断是不是整数，返回布尔值。

参数：

要判断的数字。

console.log(Number.isInteger(num));  // false

4. Number.isNaN()

判断是不是非数字，返回布尔值。

参数：

要判断的数字。

console.log(Number.isNaN(num)); // false

5. Number.MAX_VALUE 和 Number.MIN_VAUE

两个都是属性，表示JavaScript中的最大数字和最小数字。

console.log(Number.MAX_VALUE, Number.MIN_VALUE); // 1.7976931348623157e+308   5e-324

五、数学方法

1. Math.PI

数学运算中的 π 。这是一个属性。

console.log(Math.PI); // 3.141592653589793

2. Math.abs()

取绝对值。

console.log(Math.abs(-5.6)); // 5.6

3. Math.ceil()

向上取整。

console.log(Math.ceil(3.1)); // 4

4. Math.floor()

向下取整。

console.log(Math.floor(3.9));  // 3

5. Math.round()

四舍五入取整。

console.log(Math.round(3.5));  // 4

6. Math.random()

取 0~1 之间的随机数，左闭右开。

console.log(Math.random());  // 0.06899281638748667

7. Math.pow()

取某数的某次幂。

参数：

数字
多少次幂

console.log(Math.pow(2, 10));  // 1024

8. Math.sqrt()

开方运算，或者叫开根号。

参数：

被开方的数字

console.log(Math.sqrt(9)); // 3

六、其他

1. encodeURIComponent() 和 decodeURIComponent()

encodeURIComponent：把字符串作为 URI 组件进行编码。

decodeURIComponent：对 encodeURIComponent() 编码后的 URI 进行解码。

var url = "http://www.google.com";

var str = encodeURIComponent(url); 

console.log(str); // http%3A%2F%2Fwww.google.com

console.log(decodeURIComponent(str)); // http://www.google.com

【持续更新】Js常用的方法