JSON.stringify逆转？

JSON.stringify() 是一个前端常用的方法，它可以将 JavaScript 对象转换成 JSON 字符串。但是，有些时候我们需要将 JSON 字符串反向解析成 JavaScript 对象，这时候就需要使用 JSON.parse() 方法了。那么，在实际开发中，如果我们需要对已经转换好的 JSON 字符串进行修改或者删除某些属性，该如何处理呢？本文将介绍一种比较实用的技巧，即使用 JSON.stringify() 的第三个参数 replacer 来实现对 JSON 字符串的修改和删除操作。

replacer 参数介绍

在使用 JSON.stringify() 方法时，我们可以传入一个可选的第二个参数 replacer，它可以接受两种类型的值：函数和数组。

当 replacer 是函数时，它将被调用以过滤对象成员，函数接受两个参数：键和值，如果返回 undefined，则表示要删除该成员，否则返回的值将作为结果对象的值。

当 replacer 是数组时，它可以包含要保留的属性名称（即键），而其他所有属性将被忽略。

下面是一个简单的示例：

const obj = {
  name: 'Alice',
  age: 18,
  gender: 'female'
}

const jsonStr = JSON.stringify(obj, ['name', 'age'])
console.log(jsonStr) // {"name":"Alice","age":18}

上面的代码中，我们指定了一个包含 'name' 和 'age' 两个键的数组，这样就只会将这两个属性包含在生成的 JSON 字符串中。

使用 replacer 修改和删除属性

通过上面的介绍，我们已经了解了 replacer 参数的基本用法。接下来，我们将展示如何使用 replacer 参数来修改和删除 JSON 字符串中的属性。

修改属性

首先，假设我们有一个 JSON 对象：

const jsonStr = '{"name":"Alice","age":18,"gender":"female"}'

现在，我们想把 age 属性改为 20，可以这样实现：

const obj = JSON.parse(jsonStr)
obj.age = 20
const newJsonStr = JSON.stringify(obj)
console.log(newJsonStr) // {"name":"Alice","age":20,"gender":"female"}

这种方法可以实现属性的修改，但是它需要解析原始 JSON 字符串并重新序列化对象，如果 JSON 对象较大，则效率不高。

因此，我们可以使用 replacer 参数来直接修改 JSON 字符串中的属性：

const newJsonStr = JSON.stringify(JSON.parse(jsonStr), (key, value) => {
  if (key === 'age') {
    return 20
  }
  return value
})
console.log(newJsonStr) // {"name":"Alice","age":20,"gender":"female"}

在上面的代码中，我们定义了一个函数作为 replacer，当键名为 'age' 时，将其值改为 20，其他成员保持不变。这种方法不仅效率更高，而且更加简洁。

删除属性

如果我们想要删除 JSON 字符串中的某个属性，同样可以使用 replacer 参数来实现。例如，假设我们想要删除 gender 属性，可以这样做：

const newJsonStr = JSON.stringify(JSON.parse(jsonStr), (key, value) => {
  if (key === 'gender') {
    return undefined
  }
  return value
})
console.log(newJsonStr) // {"name":"Alice","age":18}

在上面的代码中，当键名为 'gender' 时，将其值返回 undefined，这样就实现了删除操作。

指导意义

通过本文的介绍，我们了解了 JSON.stringify() 方法的一个有用技巧：使用 replacer 参数来修改和删除 JSON 字符串中的属性。

在实际开发中，我们经常需要处理复杂的 JSON 数据结构，而这种方法可以帮助我们更加

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8780