Removing child objects from an Object3D object

Question

If I create objects as follows:

var group = new THREE.Object3D();

for (var i = 0; i < 10; i++) {

    geometry = new THREE.BoxGeometry(1, 1, 1);
    material = new THREE.MeshNormalMaterial();
    mesh = new THREE.Mesh(geometry, material);

    group.add(mesh);

}

scene.add(group);

How to remove these objects from this group?

I tried to do this ...

for (var i = group.children.length - 1; i >= 0; i--) {

    scene.remove(group.children[i]);

}

... but it displays as "undefined". What am I doing wrong here?

Answer 1

for (var i = group.children.length - 1; i >= 0; i--) {
    group.remove(group.children[i]);
}

Answer 2

best solution if you want to remove all child grids

removeEdges(_object, wireframe) {
    console.log('Remove edge');
    // _object.Object3D.remove(wireframe);
    _object.children = [];
  }