如何使用 JSON Stringify 替换所有键和值？

Question

我正在研究一种利用 JavaScript 中 JSON.Stringify 中的替换函数参数来更改单词大小写（toUpper /toLower case）的方法，问题是我的 JSON 不是直接键：值，有些值也是键，它们本身也有值，所以我需要遍历所有键和值，检查值是否也是键，并确保我更改了所有键和值的大小写（toUpper 或 toLower）。 我知道 JSON.Stringify(object,ReplacerFunction) 中的替换函数遍历所有键和值并在内部进行修改然后返回键和值，但是尽管我已经阅读了一段时间但我无法应用它，并且我不确定是否应该在替换函数中应用递归或如何应用，任何帮助表示赞赏。

我拥有的代码：

 function _replacer(name,val){
   if(typeof val != "object"){
       return val.toString().toUpperCase()
   }
   if(typeof name != "object"){
            return name.toString().toUpperCase()
        }

   console.log("key = "+name+" type: "+typeof  name);
   console.log("value ="+val+" type: "+typeof  val);

    }

还有：

 function _replacer(name,val){
   if(typeof val != "object" &&typeof  val ==="string"){
       return val=val.toUpperCase()
   }
   if(typeof name != "object" &&typeof  name ==="string"){
            name=name.toUpperCase()
        }
    return val;
    }

另外，我终于到了这个阶段：

 var res = JSON.parse(JSON.stringify(j, function(key, value) {
        return typeof value === "string" ? value.toUpperCase() : value
    }));

但是这段代码只大写了非常低级别的值，而不是所有的键/值，原因是因为我只能从替换函数返回一个值，在这种情况下是值。

Answer 1

JSON.stringify 中的replacer 函数不允许您替换键，如documented in MDN。它允许您转换值，或完全省略键/值对（通过返回 undefined）。

您最好的选择可能是在对对象进行字符串化之前对其进行转换。 Underscore 或 Lodash 会让这很容易，但你可以像这样在本机上做它而不会有太多麻烦：

const xform = obj => {
  return Object.keys(obj).reduce((xformed, key) => {
    let value = obj[key]

    if (typeof value ==='string') value = value.toUpperCase()
    else if (typeof value === 'object') value = xform(value)

    xformed[key.toUpperCase()] = value
    return xformed
  }, {})
}

console.log(JSON.stringify(xform({a: 'b', c: 1, d: {e: 'f'}})))
// {"A":"B","C":1,"D":{"E":"F"}}

您也可以使用 RegEx 和 replace after 如果您愿意，它会被字符串化。代码当然更短，但可读性可能更差：

const stringified = JSON.stringify({a: 'b', c: 1, d: {e: 'f'}})
console.log(stringified.replace(/".+?"/g, s => s.toUpperCase()))
// {"A":"B","C":1,"D":{"E":"F"}}