删除数组对象中的children元素不改变原对象返回新数组

当你想要从数组对象中删除某些特定的children元素，并且不想改变原始对象的状态，通常的做法是创建一个新的数组副本，然后在这个副本中过滤掉不需要的元素。以下是JavaScript中的一种常见做法：

function removeChildrenFromArray(obj, childrenToRemove) {
    // 创建新数组的副本
    const newArray = [...obj.children];

    // 使用filter方法，根据条件移除childrenToRemove数组中的元素
    newArray = newArray.filter(child => !childrenToRemove.includes(child));

    // 返回新的数组，原对象不变
    return newArray;
}

// 示例：
const parentObj = { children: [child1, child2, child3] };
const removedChildren = [child1, child3];
const newObj = removeChildrenFromArray(parentObj, removedChildren);
console.log(newObj); // 输出：[child2]

在这个例子中，`parentObj`的`children`属性不会因为`removeChildrenFromArray`函数的执行而改变，而是返回了一个新数组，其中不包含指定的`childrenToRemove`。