JavaScript内置函数大全及实用技巧38

JavaScript 作为一门动态类型、解释型编程语言，拥有丰富的内置函数，这些函数为开发者提供了强大的工具，可以简化代码编写，提高开发效率。熟练掌握这些内置函数是成为一名优秀 JavaScript 开发者的关键。本文将深入探讨 JavaScript 的常用内置函数，并结合实际案例，帮助你更好地理解和运用它们。

JavaScript 的内置函数可以大致分为以下几类：数据类型转换函数、数组操作函数、字符串操作函数、数学函数、日期时间函数、全局对象函数等。我们逐一进行详细讲解。

一、数据类型转换函数

JavaScript 是一种弱类型语言，数据类型转换非常频繁。以下是一些常用的数据类型转换函数：
parseInt(string, radix): 将字符串转换为整数。radix 参数指定进制 (例如，10 为十进制，16 为十六进制)。
parseFloat(string): 将字符串转换为浮点数。
Number(value): 将值转换为数值。可以转换字符串、布尔值等。
String(value): 将值转换为字符串。
Boolean(value): 将值转换为布尔值。空字符串、0、null、undefined、NaN 等转换为 false，其他转换为 true。

示例：
let numStr = "123";
let num = parseInt(numStr); // num = 123
let floatStr = "3.14";
let floatNum = parseFloat(floatStr); // floatNum = 3.14
let bool = Boolean(0); // bool = false
let str = String(123); // str = "123"

二、数组操作函数

JavaScript 提供了丰富的数组操作函数，极大地方便了数组的处理。
push(): 向数组末尾添加元素。
pop(): 从数组末尾移除元素。
unshift(): 向数组开头添加元素。
shift(): 从数组开头移除元素。
splice(): 在数组中插入或删除元素。
slice(): 从数组中提取一部分元素，创建一个新的数组。
concat(): 连接两个或多个数组。
join(): 将数组元素连接成一个字符串。
indexOf(): 返回元素在数组中第一次出现的索引。
lastIndexOf(): 返回元素在数组中最后一次出现的索引。
forEach(): 遍历数组中的每个元素，并执行回调函数。
map(): 创建一个新数组，其元素是原数组元素经回调函数处理的结果。
filter(): 创建一个新数组，其元素是原数组中满足条件的元素。
reduce(): 将数组元素累积成一个值。

示例：
let arr = [1, 2, 3, 4, 5];
(6); // arr = [1, 2, 3, 4, 5, 6]
let newArr = (1, 4); // newArr = [2, 3, 4]
let sum = ((a, b) => a + b, 0); // sum = 21

三、字符串操作函数

JavaScript 提供了许多方便的字符串操作函数。
length: 获取字符串长度。
charAt(index): 获取指定索引处的字符。
substring(startIndex, endIndex): 提取字符串的子串。
slice(startIndex, endIndex): 提取字符串的子串，支持负索引。
toUpperCase(): 将字符串转换为大写。
toLowerCase(): 将字符串转换为小写。
trim(): 去除字符串两端的空格。
split(separator): 将字符串分割成数组。
replace(searchValue, newValue): 替换字符串中的子串。
indexOf(searchValue): 返回子串在字符串中第一次出现的索引。
includes(searchString): 检查字符串是否包含指定子串。

示例：
let str = "Hello World";
let upperStr = (); // upperStr = "HELLO WORLD"
let arr = (" "); // arr = ["Hello", "World"]
let newStr = ("World", "JavaScript"); // newStr = "Hello JavaScript"

四、其他常用函数

除了以上几类，还有许多其他的内置函数，例如：
(): 生成 0 到 1 之间的随机数。
Date(): 创建日期对象。
(): 输出信息到控制台。
encodeURI()和decodeURI(): 编码和解码URI。
setTimeout()和setInterval(): 定时器函数。

熟练掌握这些 JavaScript 内置函数，可以极大地提高代码的可读性和效率。 建议读者在实际编程中不断实践，深入理解每个函数的用法和特性，才能更好地运用它们解决实际问题。

2025-04-23

上一篇：JavaScript求和函数：从基础到进阶，掌握各种求和技巧

下一篇：JavaScript实例宝典：从入门到进阶的实战指南