在 JavaScript 中分配 object 和嵌套 object 的值

Question

所以，基本上，我有这个 object（在 vue data() 中）：

...
detail: {
  title: 'I have no idea',
  date: 2020-02-12,
  sender: {
    name: 'John Cenna',
    username: 'john10'
  },
  receipent: {
    name: 'Katleen',
    username: 'katmeow'
  },
  ....
}

现在，我想将它们全部分配为 null （用于验证过程），但无法分配嵌套的 object （没有子节点的 object 只需循环即可）。 我该怎么做呢？ 谢谢你

Answer 1

递归解决方案：

1. 使用Object.entries()迭代 object 的键值条目如下。 请注意， Object.entries()为非对象返回一个空数组。
2. 如果条目的值已经是null或undefined ，则返回。
3. 如果条目的值是一个数组，则对每个数组项进行递归（转到步骤 1，将数组项作为新的 object 进行评估）。
4. 如果条目的值为 object，则在 object 上递归。
5. 否则，将条目的值设置为null 。

 const data = { detail: { title: 'I have no idea', date: 2020 - 02 - 12, sender: { name: 'John Cenna', username: 'john10' }, receipent: { name: 'Katleen', username: 'katmeow' }, items: [ { id: 100, name: 'Apple' }, { id: 200, name: 'Banana' }, { id: 300, name: 'Orange' }, ] } } function nullify(obj) { // 1 Object.entries(obj).forEach(([k,v]) => { // 2 if (v === null || v === undefined) { return } // 3 if (Array.isArray(v)) { return v.forEach(nullify) } // 4 if (typeof v === 'object') { nullify(obj[k]) } else { // 5 obj[k] = null } }) } nullify(data.detail) console.log('res', data.detail)