How to delete relevant data from the data array according to the id array?

when deleting data is selected, the selected data id forms an array, and then deletes the data from the first layer of all data arrays, and if the data has this data in the children,children, delete the data from the first layer

data = [{

] 
    flg: "0",
    id: "1001",
    name: "1",
    children: [{
      flg: "0",
      id: "100101",
      name: "1"
    }, {
      flg: "0",
      id: "100102",
      name: "2"
    }, {
      flg: "0",
      id: "100103",
      name: "3"
    }]
  }, {
    flg: "0",
    id: "100101",
    name: "1"
  }, {
    flg: "0",
    id: "100102",
    name: "2"
  }, {
    flg: "0",
    id: "100103",
    name: "3"
  }]

cacel = ["100103"]

the data to be obtained is
[{

] 
    flg: "0",
    id: "100101",
    name: "1"
  }, {
    flg: "0",
    id: "100102",
    name: "2"
  }]
Vue.js javascript
Nov.15,2021

mainly uses recursion

executable example:
https://codepen.io/LiangWei88.

Code: 

let data = [
    {
        flg: "0",
        id: "1001",
        name: "1",
        children: [{
            flg: "0",
            id: "100101",
            name: "1"
        }, {
            flg: "0",
            id: "100102",
            name: "2"
        }, {
            flg: "0",
            id: "100103",
            name: "3"
        }]
    }, 
    {
        flg: "0",
        id: "100101",
        name: "1"
    }, 
    {
        flg: "0",
        id: "100102",
        name: "2"
    }, 
    {
        flg: "0",
        id: "100103",
        name: "3"
    }
];

let idToDelete = "100103";

let result = filterData(data);
console.log(result);

function filterData(data) {
    return data.reduce((acc, current) => {
        if (current.id == idToDelete) {
            return acc;
        } else {
            if (current.children) {
                let res = filterData(current.children);
                if (res.length < current.children.length) {
                    return acc;
                }
            }
            acc.push(current);
            return acc;
        }
    }, []);
}

Previous: The pointer changes automatically in cPP, which is not controlled.

Next: How can an associated query get the following results from table 3?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3fd56-2bd11.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3fd56-2bd11.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?