数组数据在通过套接字（socket.io）传输时被复制

Question

我有一个NodeJS服务器，它使用socket.io套接字从max/msp（带有Max-api模块）接收数据。消息包括文件目录名（其中包括特定歌曲的条、音符和歌词的图像）、歌曲的节奏(2，4，6或8，在Node client中乘以100，并在setInterval函数中动态添加到tempo变量中，以使幻灯片中的图像动画化），最后是控制浏览器中幻灯片动画的开始和停止消息。

我的问题是，当我试图从屏幕上清除图像并从max/msp请求一首新歌曲（带有相应的图像和节奏）时，文件名变量数组（附加到filepath并用作img src URL）会加倍（或重新添加），并在每次从max发送新数组时保持复制。完全清除数组的唯一方法是停止Max和Node之间的连接并重新启动，这将丢失所有的套接字连接，需要浏览器刷新，基本上是重新启动App。

下面是一个Max-api模块，它充当socket.io客户机，并将消息从max/msp传输到节点：

const imageArray = [];
const binaryDir = (path.join(__dirname, 'public', 'src/'));
var filePath; 
var basePath;

//FUNCTION TO SEND ARRAY AND REL FILE PATH TO SERVER.JS
function sendArray() {
    if (imageArray.length != 0) {
        socket.emit("imageArray", imageArray, basePath);
    } 
};

//FUNCTION TO LOAD FILES IN FILE PATH WITH DIR NAME PROVIDED BY MAX IN HANDLER (songName)
function load() {
        fs.readdir(filePath, (err, files) => {
            files.forEach( file => {
                imageArray.push(file);
            })
            console.log("FILES" + files)
            sendArray()
            console.error(err)
        });
};

// MAX HANDLER
maxApi.addHandler('filepath', (songName) => {
    filePath = path.join(binaryDir, songName)
    basePath = path.basename(filePath)
    load()
});

imageArray和basePath数据在服务器上接收并直接发送到客户端：

   socket.on("imageArray", (imagearray, basepath)=>{
         socket.broadcast.emit("images", imagearray, basepath );
         console.log('Server received images..', imagearray.length);
   });

我不确定这是否是socket.io问题。我知道问题出在上面代码的某个地方，因为当我使用console.log('server received images..',imagearray.length）；时，发送的第一个数组是“server received images..56”，当我发送另一个数组时，它会增加到112，然后是168，依此类推。

我尝试简单地将imagearray.length=0；添加到sendarray()中，但没有成功。

Answer 1

您没有重置imageArray，所以它保持现有的值，有许多方法可以做到这一点，但我更喜欢下面的方法：

const binaryDir = (path.join(__dirname, 'public', 'src/'));

var filePath; 
var basePath;

//FUNCTION TO SEND ARRAY AND REL FILE PATH TO SERVER.JS
function sendArray(myArray) {
    if (myArray.length != 0) {
        socket.emit("imageArray", myArray, basePath);
    } 
};

//FUNCTION TO LOAD FILES IN FILE PATH WITH DIR NAME PROVIDED BY MAX IN HANDLER (songName)
function load() {
        fs.readdir(filePath, (err, files) => {
            let myArray = [];
            files.forEach( file => {
                myArray.push(file);
            })
            console.log("FILES" + files)
            sendArray(myArray)
            console.error(err)
        });
};

// MAX HANDLER
maxApi.addHandler('filepath', (songName) => {
    filePath = path.join(binaryDir, songName)
    basePath = path.basename(filePath)
    load()
});