DEV Community
·
Three.js：在traverse()中修改对象的陷阱
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
在使用traverse()方法移除场景子对象时，因动态修改子对象数组导致只移除一个子对象。建议先收集要移除的子对象，再统一移除。Three.js文档指出不建议在回调中修改场景图。
🎯
关键要点
- 使用traverse()方法移除场景子对象时，动态修改子对象数组会导致只移除一个子对象。
- 建议先收集要移除的子对象，再统一移除。
- Object3D.traverse()是一个动态过程，子对象数组的长度会动态变化。
- 在遍历过程中移除子对象会导致遍历迭代出错。
- Three.js文档指出不建议在回调中修改场景图。
❓
延伸问答
在使用traverse()方法时，为什么只移除一个子对象？
因为动态修改子对象数组会导致遍历迭代出错，只能移除一个子对象。
如何正确移除场景中的多个子对象？
建议先收集要移除的子对象，再统一移除。
traverse()方法的动态过程有什么影响？
traverse()方法的动态过程会导致子对象数组长度变化，从而影响遍历结果。
Three.js文档对修改场景图有什么建议？
Three.js文档指出不建议在回调中修改场景图。
在遍历过程中移除子对象会有什么后果？
在遍历过程中移除子对象会导致遍历迭代出错，影响后续操作。
如何避免在traverse()中出现错误？
可以通过先收集要移除的子对象，再在遍历结束后统一移除来避免错误。
➡️
