数组全局同步问题：filter修改无法作用于其他模块

我在模块中导入了ignore数组并执行增删操作：调用push添加元素时，全局所有模块都能看到新增的元素；但调用filter并重新赋值数组时，只有当前模块内的数组被修改，其他模块中的数组仍保留该元素。我尝试通过模块内的函数修改该数组，问题依旧。

AgendarCollector 模块 #

let { ignore } = require('../utils/handleIgnore');
const questions = require('./quesiton');

const AgendarCollector = async (client, message) => {
    ignore.push(message.from);
    let counter = 0;
    const filter = (m) => m.from === message.from;
    const collector = client.createMessageCollector(message.from, filter, {
        max: 4,
        time: 1000 * 60,
    });
    await client.sendText(message.from, questions[counter++]);

    collector.on('start', () => {});
    collector.on('collect', async (m) => {
        if (m) {
            if (counter < questions.length) {
                await client.sendText(message.from, questions[counter++]);
            }
        }
    });
    collector.on('end', async (all) => {
        ignore = ignore.filter((ignored) => ignored !== message.from);
        console.log(ignore);
        const finished = [];
        if (all.size < questions.length) {
            console.log('não terminado');
        }
        all.forEach((one) => finished.push(` ${one.content}`));
        await client.sendText(message.from, `${finished}.\nConfirma?`);
    });
};

module.exports = AgendarCollector;

handleIgnore 模块 #

let ignore = [];

const addIgnore = (message) => {
    ignore.push(message.from);
};
const removeIgnore = (message) => {
    ignore = ignore.filter((ignored) => ignored !== message.from);
    console.log(ignore);
};
console.log(ignore);
module.exports = { ignore, addIgnore, removeIgnore };

原因分析 #

• 数组是引用类型，push方法直接修改原数组内容，所有持有该数组引用的模块都会同步看到变化。
• filter方法会返回新数组，执行ignore = ignore.filter(...)时，只是把当前模块内的ignore变量指向了新数组，但其他模块导入的ignore仍指向旧数组。
• 模块中的removeIgnore函数同理：重新赋值模块内的ignore变量后，导出的ignore属性还是初始数组的引用，其他模块无法获取新数组。

解决方案 #

核心思路：不要重新赋值数组变量，直接修改原数组内容。

1. 修改 handleIgnore 模块的删除逻辑

用splice直接删除原数组元素，替代filter重新赋值：

let ignore = [];

const addIgnore = (message) => {
    ignore.push(message.from);
};
const removeIgnore = (message) => {
    const targetIndex = ignore.indexOf(message.from);
    if (targetIndex !== -1) {
        ignore.splice(targetIndex, 1);
    }
    console.log(ignore);
};
console.log(ignore);
module.exports = { ignore, addIgnore, removeIgnore };

2. 修改 AgendarCollector 模块的删除逻辑

调用模块提供的removeIgnore函数，或自行用splice操作原数组：

let { ignore, removeIgnore } = require('../utils/handleIgnore');

// ... 其他代码不变

collector.on('end', async (all) => {
    removeIgnore(message);
    // 或自行实现：
    // const targetIndex = ignore.indexOf(message.from);
    // if (targetIndex !== -1) ignore.splice(targetIndex, 1);
    
    console.log(ignore);
    const finished = [];
    if (all.size < questions.length) {
        console.log('não terminado');
    }
    all.forEach((one) => finished.push(` ${one.content}`));
    await client.sendText(message.from, `${finished}.\nConfirma?`);
});

备选方案（不推荐） #

若一定要用filter生成新数组，可将数组包裹在对象中导出，确保所有模块引用同一个对象：

// handleIgnore模块
const store = { ignore: [] };

const addIgnore = (message) => {
    store.ignore.push(message.from);
};
const removeIgnore = (message) => {
    store.ignore = store.ignore.filter((ignored) => ignored !== message.from);
};
module.exports = { store, addIgnore, removeIgnore };

其他模块通过store.ignore访问数组，重新赋值后所有模块能拿到最新数组，但这种方式效率低于直接修改原数组。

内容的提问来源于stack exchange，提问作者user19730992