javascript - 从 json 数组中删除一些数据

Question

这是我的 json 数组。当我在下拉列表中选择一些元素时，就会创建这个。然后可以更改数组元素的数量

"Actions":[  
      {  
         "key":"AC_001",
         "tag":"AWARD_POINTS",
         "name":"Award Points",
         "content":{  
            "html":"<div class='col-sm-4'><label for='point-amount'>Amount</label><input type='number' class='form-control' id='point-amount' placeholder='Add Points'></div>",
            "actions":""
         },
         "identify":"",
         "value":"",
         "uuid":"f0a8ae1f-9c2c-9cc3-eb38-7a7ab0570dd1"
      },
      {  
         "key":"AC_003",
         "tag":"SEND_MAIL",
         "name":"Send Mail",
         "content":{  
            "html":""
         },
         "identify":"",
         "value":"",
         "uuid":"83af6438-a292-a34b-e435-8795281ec393"
      }
   ]

我想删除此处的一些标签并仅显示几个标签。但我知道如何执行此操作。有人可以帮助我吗？

Answer 1

如果您想删除数组中的某些元素并且不将它们包含在下拉列表中，您可以使用filter

假设您不想包含以下带标记的数组元素

let doNotInclude = ['DELETE_THIS_TAG', 'TAG_TO_DELETE'];

您可以使用filter和includes创建一个新数组以在下拉列表中使用。

let obj = {
  "Actions": [{
      "key": "AC_001",
      "tag": "AWARD_POINTS",
      "name": "Award Points",
      "content": {
        "html": "<div class='col-sm-4'><label for='point-amount'>Amount</label><input type='number' class='form-control' id='point-amount' placeholder='Add Points'></div>",
        "actions": ""
      },
      "identify": "",
      "value": "",
      "uuid": "f0a8ae1f-9c2c-9cc3-eb38-7a7ab0570dd1"
    },
    {
      "key": "AC_003",
      "tag": "DELETE_THIS_TAG",
      "name": "Delete",
      "content": {
        "html": ""
      },
      "identify": "",
      "value": "",
      "uuid": "83af6438-a292-a34b-e435-8795281ec393"
    },
    {
      "key": "AC_003",
      "tag": "SEND_MAIL",
      "name": "Send Mail",
      "content": {
        "html": ""
      },
      "identify": "",
      "value": "",
      "uuid": "83af6438-a292-a34b-e435-8795281ec393"
    },
    {
      "key": "AC_003",
      "tag": "TAG_TO_DELETE",
      "name": "Delete",
      "content": {
        "html": ""
      },
      "identify": "",
      "value": "",
      "uuid": "83af6438-a292-a34b-e435-8795281ec393"
    },
  ]
}

let doNotInclude = ['DELETE_THIS_TAG', 'TAG_TO_DELETE'];

let newObj = obj.Actions.filter(v => !doNotInclude.includes(v.tag));

console.log(newObj);