JavaScript包装对象使用详解

在JavaScript中，有三种基本数据类型：字符串、数字和布尔值。但是在实际开发中，我们通常需要使用更复杂的数据类型，这时就需要使用JavaScript的包装对象。

什么是JavaScript包装对象

JavaScript提供了三种基本类型的包装对象：String、Number和Boolean。当我们在基本类型上调用一个方法时，JavaScript会自动将其转换成对应的包装对象，这样我们就可以调用包装对象上的方法。

例如，当我们对字符串调用slice()方法时，实际上是在String对象上调用该方法。同样的，当我们对数字调用toFixed()方法时，实际上是在Number对象上调用该方法。

如何使用JavaScript包装对象

创建包装对象

我们可以使用new关键字来创建包装对象。例如：

let strObj = new String("hello");
let numObj = new Number(123);
let boolObj = new Boolean(false);

包装对象和基本类型的转换

当我们想在包装对象和基本类型之间进行转换时，可以使用一些特殊的方法。

• 将字符串包装对象转换成基本字符串类型：

let strObj = new String("hello");
let str = strObj.valueOf(); // "hello"

• 将基本字符串类型转换成字符串包装对象：

let str = "hello";
let strObj = new String(str); // "hello"

• 将数字包装对象转换成基本数字类型：

let numObj = new Number(123);
let num = numObj.valueOf(); // 123

• 将基本数字类型转换成数字包装对象：

let num = 123;
let numObj = new Number(num); // 123

• 将布尔值包装对象转换成基本布尔类型：

let boolObj = new Boolean(false);
let bool = boolObj.valueOf(); // false

• 将基本布尔类型转换成布尔值包装对象：

let bool = false;
let boolObj = new Boolean(bool); // false

包装对象的属性和方法

包装对象是基本类型的包装，因此它们继承了基本类型的属性和方法。除此之外，它们还拥有一些独有的属性和方法。下面是一些常用的例子。

String对象的属性和方法

• length属性：返回字符串长度。

let str = "hello";
console.log(str.length); // 5

• charAt()方法：返回指定位置的字符。

let str = "hello";
console.log(str.charAt(0)); // "h"

• slice()方法：截取字符串的一部分。

let str = "hello";
console.log(str.slice(1, 3)); // "el"

Number对象的属性和方法

• MAX_VALUE属性：返回Number类型能表示的最大正数。

console.log(Number.MAX_VALUE); // 1.7976931348623157e+308

• toFixed()方法：将数字转换成字符串，并规定小数位数。

let num = 123.456;
console.log(num.toFixed(2)); // "123.46"

Boolean对象的属性和方法

• constructor属性：返回创建Boolean对象的函数。

let boolObj = new Boolean(false);
console.log(boolObj.constructor); // 返回 Boolean() 函数

• valueOf()方法：返回布尔值对象的原始值。

let boolObj = new Boolean(false);
console.log(boolObj.valueOf()); // false

包装对象的使用技巧

虽然包装对象可以增强JavaScript基本类型的功能，但是使用起来也有一些注意事项。

因为包装对象是对象，不是原始值，所以在使用包装对象时需要注意类型转换。比如，不能直接将一个布尔类型的包装对象作为if语句的判断条件，因为包装对象在转换成布尔值时会被转换为true，即使包装对象原本的值是false。

let boolObj = new Boolean(false);
if (boolObj) { // 包装对象一定为 true，即使原始值为 false
  console.log("This block will be executed.");
}

为了避免这种情况，我们可以使用.操作符来获取基本类型的值，而不是使用包装对象。

let boolObj = new Boolean(false);
if (boolObj.valueOf()) { // 使用 .valueOf() 可以获取包装对象原始值
  console.log("This block will NOT be executed.");
}

示例说明

示例1

下面这个例子演示了如何使用字符串包装对象的replace()方法。

let str = "hello, world!";
let newStr = str.replace("world", "JavaScript");
console.log(newStr); // "hello, JavaScript!"

这里我们先创建了一个基本字符串类型，然后调用了它的replace()方法。这个方法可以将字符串中的一段子字符串替换成另一个字符串，并返回一个新的字符串对象。在这个例子中，我们将字符串中的"world"替换为"JavaScript"，生成了一个新的字符串对象。

示例2

下面这个例子演示了如何使用数字包装对象的toPrecision()方法。

let num = 123.45;
let newNum = num.toPrecision(3);
console.log(newNum); // "123"

这里我们先创建了一个基本数字类型，然后调用了它的toPrecision()方法，将其转换成字符串并保留3位有效数字。在这个例子中，由于原始数字的小数点后有两位数字，所以结果的精确度被限制为"123"。