javascript - 过滤器和 transform json 与 javascript

使用 JavaScript,我需要 groups.1 中的所有元素具有以下 value value :

{"schemas": "block"}

另外,我需要 groups.101 中的元素具有以下 value :

{"schemas": "all",
"native": "write"}

原来的 JSON 看起来像这样:

{
  "revision": 76,
  "groups": {
    "1": {
      "26": {
        "schemas": "block"
      },
      "138": {
        "schemas": "block"
      },
      "179": {
        "schemas": "block"
      },
      "245": {
        "schemas": "all",
        "native": "write"
      }
    },
    "101": {
      "167": {
        "schemas": "block"
      }
    }
  }
}

预期结果如下所示

{
  "revision": 76,
  "groups": {
    "1": {
      "26": {
        "schemas": "block"
      },
      "138": {
        "schemas": "block"
      },
      "179": {
        "schemas": "block"
      },
      "245": {
        "schemas": "block"
      }
    },
    "101": {
      "167": {
       "schemas": "all",
       "native": "write"
      }
    }
  }
}

回答1

const res = JSON.parse(JSON.stringify(json))

Object.keys(res.groups.1).forEach(key => res.groups.1[key] = {"schemas": "block"}
Object.keys(res.groups.101).forEach(key => res.groups.101[key] = {"schemas": "all",
"native": "write"}

是一个直接的解决方案,因为您从 json 对象开始,所以 JSON 序列化副本应该成功。

我们可以通过将路径拆分为数组并在“过滤器”步骤中应用它,然后应用函数来进行概括。

const filterTransformFactory = (filter, transform) => json => {
  head = json
  while(filter.length) {
    head = head[filter.shift()]
  }
  Object.keys(head).forEach(key => transform(head, key))
}

const oneFilter = filterTransformFactory(['groups', 1], (o, key) => o[key] = {"schemas": "block"})
const oneooneFilter = filterTransformFactory(['groups', 101], (o, key) => o[key] = {"schemas": "all",
    "native": "write"})

并将其应用于 json 的副本。通过提供一个 replaceTransform 函数,进一步重构可以使它相当漂亮:

const filterTransformFactory = (filter, transform) => json => {
  head = json
  while(filter.length) {
    head = head[filter.shift()]
  }
  Object.keys(head).forEach(key => transform(head, key))
}
const replaceTransformFactory = payload => (o, key) => o[key] = payload

const oneTransform = replaceTransformFactory({"schemas": "block"})
const oneFilterTransform = filterTransformFactory(['groups', 1], oneTransform)

const oneooneTransform = replaceTransformFactory({"schemas": "all", "native": "write"})
const oneooneFilterTransform = filterTransformFactory(['groups', 101], oneooneTransform)

const result = JSON.parse(JSON.stringify(json))
oneFilterTransform(result)
oneooneFilterTransform(result)

回答2

我创建了一个配置对象,其中包含我们想要的所有组 transform 及其各自的 values。然后只需遍历组并替换 values。

const transform = (json, config) => {
  Object.keys(json.groups).forEach(group => {
    // Skip groups that are not in config
    if (!(group in config)) return;

    const keys = Object.keys(json.groups[group]);
    for (const key of keys) {
      json.groups[group][key] = { ...config[group] };
    }
  });
};

// All the the groups we want to transform
const config = {
  "1": {
    "schemas": "block"
  },
  "101": {
    "schemas": "all",
    "native": "write"
  }
};

const json = {
  "revision": 76,
  "groups": {
    "1": {
      "26": {
        "schemas": "block"
      },
      "138": {
        "schemas": "block"
      },
      "179": {
        "schemas": "block"
      },
      "245": {
        "schemas": "all",
        "native": "write"
      }
    },
    "101": {
      "167": {
        "schemas": "block"
      }
    }
  }
};

transform(json, config);
console.log(json);

回答3

因为 groups.1 对象应该包含 "schemas": "block"groups.101 对象应该包含 "schemas": "all", "native": "write" 是一个直接的要求。因此,我们可以这样尝试:

const jsonObj = {
    "revision": 76,
    "groups": {
        "1": {
            "26": {
                "schemas": "block"
            },
            "138": {
                "schemas": "block"
            },
            "179": {
                "schemas": "block"
            },
            "245": {
                "schemas": "all",
                "native": "write"
            }
        },
        "101": {
            "167": {
                "schemas": "block"
            }
        }
    }
};

function transformObj(group1, group101) {
  Object.keys(group1).forEach(key => {
    group1[key] = {
      "schemas": "block"
    }
  });
  Object.keys(group101).forEach(key => {
    group101[key] = {
      "schemas": "all",
      "native": "write"
    }
  });
}

transformObj(jsonObj['groups']['1'], jsonObj['groups']['101']);

console.log(jsonObj);

相似文章

css - 动画同一主页中的两个不同段 CSS

我的主页中有两个分开且不同的部分,我正在尝试制作动画。每个都以不同的方式动画。一种是水平的,另一种是垂直的。如果我的CSS文件中只有一个段的代码,则该段将完美运行。否则,当我为其他部分添加代码时,一切...

html - 有没有办法让我以正常的方式旋转这些雪花?

所以我有一个有趣的想法,在屏幕上制作一些雪花,但我在缓慢旋转整个雪花时遇到了问题,我不确定应该使用什么方法来解决这个问题。正如你所看到的,它真的很乱(对不起,仍然是初学者:)),但我想要的是让雪花慢慢...

html - 如何在圆形菜单周围圈出数字

我用激进的圆形菜单做了8个菜单。但我有8个数字需要围绕一个圆形菜单。我有一点问题,认为有一个带有数字的圆形菜单是个好主意,我遇到的问题是只有数字圆圈没有正确放置,也许我在代码中搞砸了,你可以帮帮我吗?...

最新文章