JavaScript

<div class="tag-container" id="tag-container">
      tag1tag2tag3
    </div>
<input type="text" value="" placeholder="Add a tag" id="add-tag-input" />

$(document).ready(function(){
    $(function(){
      $("#add-tag-input").on({
        focusout : function() {
          var txt = this.value.replace(/[^a-z0-9\+\-\.\#]/ig,''); // allowed characters
          if(txt) $("<span/>", {text:txt.toLowerCase(), appendTo:"#tag-container", class:"dashfolio-tag"});
    
          this.value = "";
        },
        keyup : function(ev) {
          // if: comma|enter (delimit more keyCodes with | pipe)
          if(/(188|13)/.test(ev.which)) $(this).focusout(); 
        }
      });
      $('.tag-container').on('click', 'span', function() {
        if(confirm("Remove "+ $(this).text() +"?")) $(this).remove(); 
      });
    });
    });

.tag-container {
      max-width: 300px; /* helps wrap the tags in a specific width */
    }
    
    .dashfolio-tag {
      cursor:pointer;
      background-color: blue;
      padding: 5px 10px 5px 10px;
      display: inline-block;
      margin-top: 3px; /*incase tags go in next line, will space */
      color:#fff;
      margin-right: 4px;
      background:#789;
      padding-right: 20px; /* adds space inside the tags for the 'x' button */
    }
    
    .dashfolio-tag:hover{
      opacity:0.7;
    }
    
    .dashfolio-tag:after { 
     position:absolute;
     content:"×";
     padding:2px 2px;
     margin-left:2px;
     font-size:11px;
    }
    
    #add-tag-input {
      background:#eee;
      border:0;
      margin:6px 6px 6px 0px ; /* t r b l */
      padding:5px;
      width:auto;
    }

const base = [
      {id: 1,name: 'A1'},     {id: 11,name: 'A11'},
      {id: 12,name: 'A2'},    {id: 111,name: 'A111'},
      {id: 112,name: 'A112'}, {id: 121,name: 'A121'},
      {id: 122,name: 'A122'},
      {id: 2,name: 'A2'},{id: 3,name: 'A3'},{id: 4,name: 'A4'}
];

const tree = [
  {id: 1, parent:0, level: 'L1'}, 
      {id: 11, parent:1, level: 'L2'},
          {id: 111, parent:11, level: 'L3'}, 
          {id: 112, parent:11, level: 'L3'},
      {id: 12, parent:1, level: 'L2'}, 
          {id: 121, parent:12, level: 'L3'},
          {id: 122, parent:12, level: 'L3'},
]

i have two object one is base another one is tree. if i pass the 'id=11' it has to remove the [id:11]'s level 'L2' and its top level 'L1' id from the base object and result the remaining values. the below result am expecting

const result = [
      {id: 111,name: 'A111'},
      {id: 112,name: 'A112'}, {id: 121,name: 'A121'},
      {id: 122,name: 'A122'},
      {id: 2,name: 'A2'},{id: 3,name: 'A3'},{id: 4,name: 'A4'}
];

how to achieve this?

if(!!navigator.userAgent.match(/Trident.*rv\:11\./))
{
 window.location.href = "https://google.de";
 window.location.reload();
}

var dataJSON = {
  "Name": "Group1",
  "Description": "Test Desc",
  "Countries": [
    { 
      "Id": "188b985",
      "Name": "USA",
      "states": [
        { 
          "state": "California",
          "stateNumber": 1,
          "neighbouringStates": [ "Oregon", "Neveda" ]
        }, {
          "state": "North Carolina",
          "stateNumber": 9,
          "neighbouringStates": [ "Virginia", "Georgia" ]
        } 
      ]
    }, {
      "Id": "218b985",
      "Name": "Canada",
      "states": [
        { 
          "state": "Alberta",
          "stateNumber": 21,
          "neighbouringStates": [ "British Columbia", "British Columbia" ]
        }, {
          "state": "Ontario",
          "stateNumber": 92,
          "neighbouringStates": [ "Manitoba", "Quebec" ]
        }
      ]
    }
  ] 
};

var excludeKeys = ["Id", "stateNumber"];

Looking for help with

making a copy of the dataJSON By eliminating the keys from excludeKeys collection.
iterate recursively/loop through dataJSON to a single object with all the nested keys and values.
After flatten, the keys should be something like this

{ 
  "Name": "Group1",
  "Description": "Test Desc",
  "Countries1/Id": "188b985",
  "Countries1/Name": "USA"
  "Countries1/states1/state": "California",
  "Countries1/states1/stateNumber": 1,
  "Countries1/states1/neighbouringStates": [ "Oregon", "Neveda" ],
  "Countries1/states2/state": "North Carolina",
  "Countries1/states2/stateNumber": 9,
  "Countries1/states2/neighbouringStates": [ "Virginia", "Georgia" ],
  "Countries2/Id": "218b985",
  "Countries2/Name": "Canada",
  "Countries2/states1/state": "Alberta",
  "Countries2/states1/stateNumber": 21,
  "Countries2/states1/neighbouringStates": [ "British Columbia", "British Columbia" ],
  "Countries2/states2/state": "Ontario",
  "Countries2/states2/stateNumber": 92,
  "Countries2/states2/neighbouringStates": [ "Manitoba", "Quebec" ]
};