面试题：JavaScript 复杂场景下数组长度动态调整的内存管理

内存管理策略

数组操作方法的选择：
- 添加对象：使用 objArray.push(newObj) 方法添加对象。push 方法直接将新对象添加到数组末尾，这种方式在性能上相对高效，不会造成不必要的内存开销。
- 删除对象：使用 objArray.splice(index, 1) 方法删除对象。splice 方法从指定位置删除指定数量的元素（这里是1个），并返回被删除的元素。注意要确保释放对被删除对象的引用，防止内存泄漏。
监控内存使用情况：
- 浏览器环境：可以使用浏览器的开发者工具（如Chrome DevTools）中的Performance面板来监控内存使用情况。在Performance面板中录制一段操作（添加和删除对象），然后在Memory面板中查看内存的变化趋势，检查是否有内存泄漏。例如，持续添加对象后，内存应该随着对象数量的增加而增加，删除对象后，内存应该相应减少。
- Node.js环境：可以使用 process.memoryUsage() 方法来获取当前进程的内存使用情况。示例代码如下：

console.log(process.memoryUsage());

优化技巧：
- 对象复用：如果创建对象的开销较大，可以考虑对象复用。当删除一个对象时，不立即销毁它，而是将其放入一个对象池，当需要添加新对象时，优先从对象池中获取对象进行复用。
- 减少不必要的引用：确保对象在被删除后，没有其他地方仍然引用它。例如，在对象内部如果有对外部对象的引用，在删除对象时要清理这些引用。
- 定期清理：可以使用 setInterval 或者类似的机制定期检查并清理不再使用的对象。

示例代码

// 创建对象数组
let objArray = [];

// 创建一个有大量属性的对象示例
function createLargeObject() {
    let largeObj = {};
    for (let i = 0; i < 1000; i++) {
        largeObj[`prop${i}`] = i;
    }
    return largeObj;
}

// 添加对象到数组
function addObject() {
    let newObj = createLargeObject();
    objArray.push(newObj);
}

// 从数组中删除对象
function removeObject(index) {
    if (index >= 0 && index < objArray.length) {
        // 确保释放对被删除对象的引用
        let removedObj = objArray.splice(index, 1)[0];
        // 这里可以进行对象复用的逻辑，例如放入对象池
        removedObj = null;
    }
}

// 模拟添加和删除对象的过程
for (let i = 0; i < 10; i++) {
    addObject();
}

for (let i = 0; i < 5; i++) {
    removeObject(i);
}

星途面试题库

面试题：JavaScript 复杂场景下数组长度动态调整的内存管理

知识考点

面试题答案

内存管理策略

示例代码