如果 JSON 具有特定属性，则删除它的父对象

Question

我从 API 获取 JSON 结构，我想在前端进行更改。前端向 JSON 结构添加一个属性“isHidden”。当我发回修改后的 JSON 时，我不希望将具有“isHidden”的对象发送回 API，但我仍会将其保存在我自己的 mongodb 内部。

但是，这样做显然比我想象的要难一些。我做了这个功能，但我觉得很丑：

function removeHiddenObject(data,parent){
    for(var property in data){
        if(data.hasOwnProperty(property)){
            if(property == "isHidden" && data[property] === true){
                parent.splice(parent.indexOf(data), 1);
            }
            else {
                if(typeof data[property] === "object") {
                    removeHiddenObject(data[property], data);
                }
            }
        }
    }
    return data;
}

这是一种递归方法，但我觉得它复杂而奇怪。有没有办法简化我的任务？

如果你想帮忙，这里有一个 jsfiddle：https://jsfiddle.net/vn4vbne8/

Answer 1

这是使用object-scan 的解决方案。花费一些时间来理解它，但它有助于解决一般数据处理方面的一些繁重工作。

// const objectScan = require('object-scan');

const data = {"user":{"name":"Bob"},"buildingBlockTree":[{"uid":"a875ed6cf4052448f9e0cc9ff092a76d4","_id":"56a7353f682e1cc615f4a6ae","columns":[{"uid":"a0061fdd2259146bb84e5362eeb775186","_id":"56a7353f682e1cc615f4a6b1","buildingBlocks":[{"user":{"name":"lajdi"},"buildingBlockTree":[{"uid":"a875ed6cf4052448f9e0cc9ff092a76d4","_id":"56a7353f682e1cc615f4a6ae","columns":[{"uid":"a0061fdd2259146bb84e5362eeb775186","_id":"56a7353f682e1cc615f4a6b1","buildingBlocks":[]},{"uid":"abbcf3328854840deb96bb6b101df2b39","_id":"56a7353f682e1cc615f4a6af","buildingBlocks":[{"uid":"a931cf745d4b847ba9cdc7f4b830413be","_id":"56a7353f682e1cc615f4a6b0","source":{"limit":1,"itemsListId":1,"offset":0}}]}],"template":{"name":"Xs12Sm12Md6Lg12DotXs12Sm12Md6Lg12"}}],"_id":"56a7353f682e1cc615f4a6ad","source":{"limit":1,"itemsListId":1,"offset":0},"template":{"numberOfColumns":1},"uid":"a5f6a2fd1c80f49c0b97e0c7994400588"}]},{"uid":"abbcf3328854840deb96bb6b101df2b39","_id":"56a7353f682e1cc615f4a6af","buildingBlocks":[{"_id":"56a7353f682e1cc615f4a6b0","source":{"limit":1,"itemsListId":1,"offset":0},"isHidden":true}]}]}],"_id":"56a7353f682e1cc615f4a6ad","source":{"limit":1,"itemsListId":1,"offset":0},"uid":"a5f6a2fd1c80f49c0b97e0c7994400588","metadata":{"title":"sss"},"title":"sss","url":"sss"};

const removeHiddenObjects = (input) => objectScan(['**[*].isHidden'], {
  rtn: 'count',
  filterFn: ({ value, gparent, gproperty }) => {
    if (value === true) {
      gparent.splice(gproperty, 1);
      return true;
    }
    return false;
  }
})(input);

console.log(removeHiddenObjects(data)); // counts removals
// => 1
console.log(data);
/* => {
  user: { name: 'Bob' },
  buildingBlockTree: [ {
    uid: 'a875ed6cf4052448f9e0cc9ff092a76d4',
    _id: '56a7353f682e1cc615f4a6ae',
    columns: [ {
      uid: 'a0061fdd2259146bb84e5362eeb775186',
      _id: '56a7353f682e1cc615f4a6b1',
      buildingBlocks: [ {
        user: { name: 'lajdi' },
        buildingBlockTree: [ {
          uid: 'a875ed6cf4052448f9e0cc9ff092a76d4', _id: '56a7353f682e1cc615f4a6ae', columns: [
            { uid: 'a0061fdd2259146bb84e5362eeb775186', _id: '56a7353f682e1cc615f4a6b1', buildingBlocks: [] },
            { uid: 'abbcf3328854840deb96bb6b101df2b39', _id: '56a7353f682e1cc615f4a6af', buildingBlocks: [
              { uid: 'a931cf745d4b847ba9cdc7f4b830413be', _id: '56a7353f682e1cc615f4a6b0', source: {
                limit: 1,
                itemsListId: 1,
                offset: 0
              } }
            ] }
          ],
          template: { name: 'Xs12Sm12Md6Lg12DotXs12Sm12Md6Lg12' }
        } ],
        _id: '56a7353f682e1cc615f4a6ad',
        source: { limit: 1, itemsListId: 1, offset: 0 },
        template: { numberOfColumns: 1 },
        uid: 'a5f6a2fd1c80f49c0b97e0c7994400588'
      } ]
    }, { uid: 'abbcf3328854840deb96bb6b101df2b39', _id: '56a7353f682e1cc615f4a6af', buildingBlocks: [] } ]
  } ],
  _id: '56a7353f682e1cc615f4a6ad',
  source: { limit: 1, itemsListId: 1, offset: 0 },
  uid: 'a5f6a2fd1c80f49c0b97e0c7994400588',
  metadata: { title: 'sss' },
  title: 'sss',
  url: 'sss'
}
*/

.as-console-wrapper {max-height: 100% !important; top: 0}

<script src="https://bundle.run/object-scan@16.0.0"></script>

免责声明：我是object-scan的作者

Answer 2

使用此代码将其从 json 字符串中删除：

myJson=s.replace(/,*\s*"[^"]"\s*\:\s*{(.*?)"isHidden"\:([^}]*)}/gm,"");

注意正则表达式中的每个字符都很重要，因此请使用上面的代码。 它会删除所有具有一个对象的属性，该对象的属性之一是隐藏。

Answer 3

Javascript 实际上支持不可枚举的公共属性。我假设当您将数据发送回服务器时，您首先使用 JSON.stringify 对其进行字符串化，这只会将对象的公共 enumerable 属性字符串化。

你可以像这样定义一个不可枚举的属性（更多关于这个here）：

Object.defineProperty(obj, 'isHidden', {
    enumerable: false,
    writable: true
});

其中obj 是您要添加属性的javascript 对象，isHidden 是您要添加的属性的名称。以这种方式完成后，新属性可以作为obj.isHidden 访问，但不会出现在JSON.stringify 输出或for 循环中。