JavaScript 内置函数详解 —— 常用函数与使用场景
·
在 JavaScript 中，内置函数（Built-in Functions）是指由语言本身提供、无需开发者自行定义的函数。它们可以直接使用，极大地提高了开发效率和代码可读性。
JavaScript 的内置函数广泛应用于字符串处理、数值计算、数组操作、日期管理、类型判断等多个方面。本文将详细介绍 JavaScript 中常用的内置函数及其使用场景。
一、全局函数（Global Functions）
全局函数是不依赖于任何对象即可直接调用的函数，它们通常用于类型转换或基础操作。
| 函数 | 说明 | 示例 |
|---|---|---|
eval() |
执行字符串中的 JavaScript 代码 | eval("2 + 3") // 5 |
parseInt() |
将字符串解析为整数 | parseInt("123px") // 123 |
parseFloat() |
将字符串解析为浮点数 | parseFloat("12.34") // 12.34 |
isNaN() |
判断一个值是否为 NaN | isNaN("abc") // true |
isFinite() |
判断一个值是否为有限数值 | isFinite(100) // true |
encodeURI() |
对 URI 进行编码 | encodeURI("http://example.com/中文") |
decodeURI() |
对 URI 进行解码 | decodeURI("http%3A%2F%2Fexample.com") |
二、对象方法函数（Object Methods）
JavaScript 中的内置对象（如 String、Number、Array、Date 等）都提供了丰富的内置方法函数。
1. String 内置函数
| 方法 | 说明 | 示例 |
|---|---|---|
str.length |
获取字符串长度 | "hello".length // 5 |
str.indexOf() |
查找子字符串位置 | "hello".indexOf("e") // 1 |
str.slice() |
截取字符串 | "hello".slice(1, 4) // "ell" |
str.split() |
拆分字符串为数组 | "a,b,c".split(",") // ["a", "b", "c"] |
str.toUpperCase() |
转大写 | "abc".toUpperCase() // "ABC" |
str.toLowerCase() |
转小写 | "ABC".toLowerCase() // "abc" |
2. Number 内置函数
| 方法 | 说明 | 示例 |
|---|---|---|
num.toFixed(n) |
保留 n 位小数 | (3.1415).toFixed(2) // "3.14" |
num.toString() |
转换为字符串 | (123).toString() // "123" |
Number.isNaN() |
判断是否为 NaN | Number.isNaN(NaN) // true |
Number.isInteger() |
判断是否为整数 | Number.isInteger(5.0) // true |
3. Array 内置函数
| 方法 | 说明 | 示例 |
|---|---|---|
arr.push() |
在数组末尾添加元素 | arr.push("new") |
arr.pop() |
删除数组最后一个元素 | arr.pop() |
arr.shift() |
删除数组第一个元素 | arr.shift() |
arr.unshift() |
在数组开头添加元素 | arr.unshift("new") |
arr.map() |
对数组元素进行映射 | arr.map(x => x * 2) |
arr.filter() |
过滤数组元素 | arr.filter(x => x > 5) |
arr.reduce() |
累计计算数组元素 | arr.reduce((a, b) => a + b, 0) |
4. Date 内置函数
| 方法 | 说明 | 示例 |
|---|---|---|
new Date() |
创建当前日期对象 | let now = new Date() |
date.getFullYear() |
获取年份 | now.getFullYear() |
date.getMonth() |
获取月份（0~11） | now.getMonth() |
date.getDate() |
获取日期 | now.getDate() |
date.getHours() |
获取小时 | now.getHours() |
date.getTime() |
获取时间戳 | now.getTime() |
三、Math 内置函数
Math 是一个内置对象，提供了大量数学运算函数。
| 方法 | 说明 | 示例 |
|---|---|---|
Math.random() |
生成 0~1 的随机数 | Math.random() |
Math.floor() |
向下取整 | Math.floor(3.9) // 3 |
Math.ceil() |
向上取整 | Math.ceil(3.1) // 4 |
Math.round() |
四舍五入 | Math.round(3.5) // 4 |
Math.max() |
返回最大值 | Math.max(1, 2, 3) // 3 |
Math.min() |
返回最小值 | Math.min(1, 2, 3) // 1 |
四、JSON 内置函数
JSON 是 JavaScript 中常用的数据格式，JavaScript 提供了内置函数用于处理 JSON 数据。
| 方法 | 说明 | 示例 |
|---|---|---|
JSON.stringify() |
将对象转为 JSON 字符串 | JSON.stringify(obj) |
JSON.parse() |
将 JSON 字符串转为对象 | JSON.parse(jsonStr) |
五、总结
JavaScript 提供了丰富的内置函数，涵盖了字符串、数值、数组、日期、数学、JSON 等多个方面。熟练掌握这些函数，不仅能提升开发效率，还能写出更简洁、易读、高效的代码。
建议开发者结合项目实践，逐步熟悉这些常用函数，并借助 MDN 文档 或 TypeScript 类型提示 来加深理解。
Agent 垂直技术社区，欢迎活跃、内容共建。
更多推荐
4
0- 0
已为社区贡献38条内容
所有评论(0)