网站
JavaScript 标准内置对象 - JavaScript | MDN
引入
前面学了如何自定义对象,其实 JS 本身就自带了很多常用对象。
比如 Number、String、Array、Date、Math 这些,都是 JS 内置的对象,直接就能使用。每个对象都有自己的一套属性和方法,处理不同类型的数据。
正文
定义
定义
常用对象是 JS 内置的、可以直接使用的对象,每种对象专门处理一种类型的数据或提供一类功能。
内置对象一览
| 对象 | 作用 | 示例 |
|---|---|---|
Number | 处理数字 | Number.isInteger(3) |
String | 处理字符串 | "hello".toUpperCase() |
Boolean | 布尔值包装 | Boolean(0) |
Array | 处理数组 | [1, 2, 3].push(4) |
Date | 处理日期时间 | new Date() |
Math | 数学计算 | Math.round(3.14) |
JSON | 数据格式转换 | JSON.parse(text) |
Object | 对象操作 | Object.keys(obj) |
RegExp | 正则表达式 | /test/.exec(str) |
Error | 错误处理 | new Error("出错了") |
数字相关 → Number
Number 对象提供了数字判断和转换的方法。
console.log(Number.isInteger(3));
console.log(Number.isFinite(1 / 0));
console.log(Number.parseInt("100px"));
console.log((3.14159).toFixed(2));详细学习 → JS Number 对象
字符串相关 → String
String 对象提供了字符串查找、截取、替换等方法。
let str = "Hello World";
console.log(str.length);
console.log(str.toUpperCase());
console.log(str.indexOf("World"));
console.log(str.slice(0, 5));详细学习 → JS String 对象
布尔相关 → Boolean
Boolean 对象可以把值转换为布尔值。
console.log(Boolean(0));
console.log(Boolean("hello"));
console.log(Boolean(null));详细学习 → JS Boolean 对象
数组相关 → Array
Array 对象提供了数组增删改查的方法。
let list = [1, 2, 3];
list.push(4);
console.log(list.length);
console.log(list.includes(2));详细学习 → JS Array 对象、JS 数组方法
日期相关 → Date
Date 对象用来处理日期和时间。
let now = new Date();
console.log(now.getFullYear());
console.log(now.getMonth() + 1);
console.log(now.getDate());详细学习 → JS Date 对象
数学相关 → Math
Math 对象提供了数学计算方法。
console.log(Math.round(3.5));
console.log(Math.floor(3.9));
console.log(Math.random());
console.log(Math.max(1, 2, 3));详细学习 → JS Math 对象
数据格式 → JSON
JSON 对象用于数据和字符串之间的转换。
let user = { name: "Tom", age: 18 };
let str = JSON.stringify(user);
let obj = JSON.parse(str);详细学习 → JS JSON
使用方式
这些内置对象可以直接使用,不需要 new(除了 Date 和一些特殊场景)。
| 对象 | 是否需要 new |
|---|---|
Number | 不需要,直接调用静态方法 |
String | 不需要,字符串值自动拥有方法 |
Boolean | 不需要 |
Array | 不需要,用 [] 即可 |
Date | 需要 new Date() |
Math | 不需要,也不能 new |
JSON | 不需要,也不能 new |
特点
- 内置对象是 JS 自带的,不用额外引入
- 每种对象专门处理一类数据
- 大部分对象直接调用方法就行,不需要
new Math和JSON是纯静态对象,不能newDate需要new Date()来创建实例
理解
可以把这些内置对象理解为工具箱里的各种工具。
Number 是计算器,String 是文字编辑器,Array 是收纳盒,Date 是日历,Math 是数学公式表。
不同的数据用不同的工具来处理。不需要把所有工具都学会,先掌握最常用的几个,其他的用到再查。
引出
接下来可以逐个学习每个常用对象的具体用法:
- JS Number 对象 → 数字处理
- JS String 对象 → 字符串处理
- JS Date 对象 → 日期时间处理
- JS Array 对象 → 数组基础
- JS Boolean 对象 → 布尔值判断
- JS Math 对象 → 数学计算