在 ECMAScript 2021 中，新增了一个基本数据类型 BigInt，用于表示任意精度整数。但是，在使用 BigInt 时，我们可能会遇到一个问题，就是无法直接将 BigInt 转换为 JSON 字符串，也无法将 JSON 字符串转换为 BigInt。这篇文章将会介绍如何解决这个问题，并提供示例代码。
问题分析
在 ECMAScript 中，JSON 是一种常用的数据交换格式，而 JSON 字符串只能表示有限的数据类型，包括字符串、数字、布尔值、数组、对象和 null。因此，当我们需要将 BigInt 转换为 JSON 字符串时，会遇到一个问题，即 BigInt 类型无法直接转换为 JSON 字符串。
例如，假设我们有一个包含 BigInt 的对象：
const obj = {
id: 123n,
name: 'John'
};如果我们使用 JSON.stringify 方法将其转换为 JSON 字符串：
const json = JSON.stringify(obj);
则会得到以下结果：
{"name":"John"}可以看到，BigInt 类型的属性 id 被忽略了。同样的，如果我们从 JSON 字符串中解析出包含 BigInt 的对象：
const json = '{"id":12345678901234567890,"name":"John"}';
const obj = JSON.parse(json);则会得到以下结果：
{
id: 12345678901234567890, // 这是一个 Number 类型，而不是 BigInt 类型
name: 'John'
}可以看到，BigInt 类型的属性 id 被解析为了 Number 类型，而且丢失了精度。
解决方案
为了解决这个问题，我们可以使用两个函数：JSON.stringify 的第二个参数和 JSON.parse 的 reviver 函数。
JSON.stringify 的第二个参数
JSON.stringify 方法有两个参数，第一个参数是要转换为 JSON 字符串的对象，第二个参数是一个可选参数，用于定制序列化过程。
在第二个参数中，我们可以指定一个 replacer 函数，用于转换对象的属性值。replacer 函数接收两个参数：属性名和属性值。如果返回 undefined，则表示忽略该属性。如果返回其他值，则表示将该属性值替换为返回值。
因此，我们可以定义一个 replacer 函数，用于将 BigInt 类型的属性值转换为字符串，然后在调用 JSON.stringify 方法时将该函数作为第二个参数传入。
示例代码：
// javascriptcn.com 代码示例
const obj = {
id: 123n,
name: 'John'
};
const json = JSON.stringify(obj, (key, value) => {
if (typeof value === 'bigint') {
return value.toString() + 'n';
}
return value;
});
console.log(json); // {"id":"123n","name":"John"}可以看到，我们将 BigInt 类型的属性值转换为字符串，并在末尾添加 'n'，以便后续解析时区分字符串和 BigInt。
JSON.parse 的 reviver 函数
JSON.parse 方法也有两个参数，第一个参数是要解析的 JSON 字符串，第二个参数是一个可选参数，用于定制解析过程。
在第二个参数中，我们可以指定一个 reviver 函数，用于转换解析出来的属性值。reviver 函数接收两个参数：属性名和属性值。如果返回其他值，则表示将该属性值替换为返回值。
因此，我们可以定义一个 reviver 函数，用于将字符串类型的 BigInt 属性值转换为 BigInt 类型，然后在调用 JSON.parse 方法时将该函数作为第二个参数传入。
示例代码：
// javascriptcn.com 代码示例
const json = '{"id":"12345678901234567890n","name":"John"}';
const obj = JSON.parse(json, (key, value) => {
if (typeof value === 'string' && value.endsWith('n')) {
return BigInt(value.slice(0, -1));
}
return value;
});
console.log(obj); // { id: 12345678901234567890n, name: 'John' }可以看到，我们将字符串类型的 BigInt 属性值转换为 BigInt 类型，并去掉末尾的 'n'。
总结
在 ECMAScript 2021 中，使用 BigInt 类型时，我们需要注意与 JSON 的交互问题。为了解决这个问题，我们可以使用 JSON.stringify 的第二个参数和 JSON.parse 的 reviver 函数，定制序列化和解析过程，将 BigInt 类型的属性值转换为字符串类型，然后再转换为 BigInt 类型。这样就可以在 JSON 字符串和 BigInt 类型之间进行转换了。
示例代码：
// javascriptcn.com 代码示例
const obj = {
id: 123n,
name: 'John'
};
const json = JSON.stringify(obj, (key, value) => {
if (typeof value === 'bigint') {
return value.toString() + 'n';
}
return value;
});
console.log(json); // {"id":"123n","name":"John"}
const obj2 = JSON.parse(json, (key, value) => {
if (typeof value === 'string' && value.endsWith('n')) {
return BigInt(value.slice(0, -1));
}
return value;
});
console.log(obj2); // { id: 123n, name: 'John' }希望本文能够帮助读者解决在 ECMAScript 2021 中使用 BigInt 时与 JSON 交互的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657751fbd2f5e1655d0dd118