递归替换所有对象值

Question

我使用的角度4我的项目之一，我在一个情况下，我有全部更换为{ 数据 } {{ 数据 }}。 即如果我有这样的对象

{
    key: {
             key1: {
                       key2: "This is data {someData}",
                       key3: "This is data2 {someData2}"
                   }
         },
    key2: "This is data3 {someData3}"
}

结果应该是

{
    key: {
             key1: {
                       key2: "This is data {{someData}}",
                       key3: "This is data2 {{someData2}}"
                   }
         },
    key2: "This is data3 {{someData3}}"
}

我对递归和它的工作方式不太满意。 所以我无法展示我尝试过的任何东西。 请帮忙。 任何帮助，将不胜感激。

Answer 1

希望你能尝试这样的东西。

 var orgObj = { key: { key1: { key2: "This is data {someData}", key3: "This is data2 {someData2}" } }, key2: "This is data3 {someData3}" } function changeValue(obj) { if (typeof obj === 'object') { // iterating over the object using for..in for (var keys in obj) { //checking if the current value is an object itself if (typeof obj[keys] === 'object') { // if so then again calling the same function changeValue(obj[keys]) } else { // else getting the value and replacing single { with {{ and so on let keyValue = obj[keys].replace('{', '{{').replace('}', '}}'); obj[keys] = keyValue; } } } return obj; } console.log(changeValue(orgObj)) 

Answer 2

@brk的回答很好，但它会改变输入对象。 如果某人正在使用像React这样的库，那么重要的是不要改变道具，那么我们将不得不做一些额外的事情。 我们可以为在递归遍历期间找到的所有对象创建新引用。 为此，我们必须处理null值，因为typeof null也是object

//typeof null is also object. But we cannot destructure it. So check that object is not null
const isValidObject = (obj) => typeof obj === 'object' && obj !== null

function changeValue(objFromProp) {
    let obj = objFromProp;

    if (isValidObject(objFromProp)) {
        //desctructure the object to create new reference
        obj = { ...objFromProp }
        // iterating over the object using for..in
        for (var keys in obj) {
            //checking if the current value is an object itself
            if (isValidObject(obj[keys])) {
                // if so then again calling the same function
                obj[keys] = changeValue(obj[keys])
            } else {
                // else getting the value and replacing single { with {{ and so on
                let keyValue = obj[keys].replace('{', '{{').replace('}', '}}');
                obj[keys] = keyValue;
            }
        }
    }
    return obj;
}

或者，如果我们有条件地替换值，并且如果我们想要保留对象的引用，如果对象中没有任何值被更改，那么我们可以使用像immer这样的另一个库。 Immer将仅更改至少一个字段被更改的对象的引用。 这将是一个有用的优化。 对于这种方法，我们应该使用changeValue提供的changeValue版本。 Immer将识别突变并改变必要的参考。

import { produce } from 'immer';
const nextState = produce(objFromProp, draftState => {
    changeValue(draftState)
})