在 JavaScript 的开发过程中，我们总是需要将一个对象转换成 JSON 格式来进行数据传输等操作。而在进行这种对象转换之前，我们通常会遇到一个问题，那就是如何去掉一些不必要的属性。这时候，我们就需要使用到 JSON.stringify() 里的 replacer 参数。
但是，随着 JavaScript 的不断发展，ES9 已经删除了被认为是过时的JSON.stringify() 里的 replacer 参数。这意味着什么呢？本文将详细介绍 ES9 删除 JSON.stringify() 的 replacer 参数的背景、原因和代替方案，以及相应的代码示例。
为什么要删除 JSON.stringify() 的 replacer 参数
为了理解为什么 ES9 要删除 JSON.stringify() 里的 replacer 参数，我们先来看一下它的作用。在采用默认设置时，JSON.stringify() 函数会将整个 JSON 对象转换成字符串。但有时候，我们可能不需要将对象的所有属性都转换成字符串，而是只需一部分属性的值。这时候，我们就需要使用到 replacer 参数。
replacer 参数是一个回调函数，它接受两个参数：键和值。 回调函数可以返回 undefined 来排除属性，或者返回任何其他值来更改其在结果中的序列化。举个例子：
-- -------------------- ---- ------- ----- --- - - ----- ------- ---- --- ----- ---- ----- -- ----- ------ - ------------------- -------- -------- -------------------- -- --- ------------------------
在这个例子中，我们只需要对象中的 name 和 age 属性，所以我们可以将它们作为第二个参数传递给 ```JSON.stringify()```` 。
然而，自从 ECMAScript 2019 更新后，大多数浏览器已经删除了这个可选参数并且不再支持它。所以我们无法使用 JSON.stringify() 函数的 replacer 参数了。
如何代替 JSON.stringify() 的 replacer 参数
既然 replacer 被删除了，那么使用什么来实现相应的功能呢？其实，我们可以使用一个更加高效的 JavaScript 特性：对象的解构和模板字面量。
首先，我们需要从源对象中筛选出我们需要的属性，并将其组成一个新的对象。这里我们可以使用对象的解构操作符（{}）。
const {name, age} = obj;
const result = { name, age };
console.log(result);
// 输出：{ name: 'John', age: 30 }在这个例子中，我们从 obj 对象中选取了 name 和 age 两个属性，并将它们组成一个新的对象 result 。这个新对象只包含我们需要的属性，其他属性则被过滤掉了。
然后我们可以使用模板字面量来将筛选的对象转换成字符串。
const {name, age} = obj;
const result = `{ "name": "${name}", "age": "${age}" }`;
console.log(result);
// 输出：{ "name": "John", "age": "30" }在这个代码段中，我们构建了一个带有 name 和 age 两个属性的 JSON 字符串，这个字符串就是我们需要的结果。
总结
在这篇文章中，我们介绍了 JavaScript 的 JSON.stringify() 函数以及其中的replacer 参数，以及它是如何被认为过时的。然后我们讨论了一些解决方案，比如使用对象解构和模板字面量来完成和 JSON.stringify() 函数相同的操作。通过这些方法，我们可以更好地适应我们逐渐变化的技术环境。
虽然ES9移除了JSON.stringify() 的replacer参数，但是我们仍然有很多工具用于对象转为JSON字符串的操作。在新的ES语法中，我们还有 Object.fromEntries() 这个方法用于将 key-value 序列转为一个对象。 编写 JavaScript 时，我们应该始终注意行业的趋势并学会了解新的技术特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654e02b27d4982a6eb758437