如何通过Socket.IO逐个向客户端发送数组中的数据

嘿，这个场景我太熟悉了！你当前的代码之所以会让浏览器等1.5秒才一次性收到所有数据，核心原因是Node.js的同步执行机制：那个for循环会在瞬间把1000次socket.emit()全部执行完，而TCP协议为了传输效率，会把这些体积很小的数据包合并成一个大的数据包发送，最终导致浏览器需要等数据包全部攒够才一起接收。

要实现逐个实时接收，你需要给每次发送之间加上合理的延迟，让TCP有足够的时间把单个数据包发送出去，而不是合并。下面给你两种实用的方案：

方案一：递归 + setTimeout 逐次发送 #

这种方式通过递归调用，每次发送一个数据后延迟一段时间再发送下一个，逻辑清晰且容易控制：

io.on('connection', (socket) => {
  console.log('made socket connection');
  let currentIndex = 0;
  
  const sendNextItem = () => {
    if (currentIndex < data.length) {
      // 发送当前索引的数据
      socket.emit('initial', data[currentIndex]);
      currentIndex++;
      // 延迟10ms后发送下一个（时间可根据需求调整）
      setTimeout(sendNextItem, 10);
    }
  };
  
  // 启动发送流程
  sendNextItem();
});

方案二：setInterval 定时发送 #

如果你更喜欢用定时器循环的方式，也可以用setInterval来控制发送频率，发完所有数据后记得清除定时器：

io.on('connection', (socket) => {
  console.log('made socket connection');
  let currentIndex = 0;
  
  const sendInterval = setInterval(() => {
    if (currentIndex < data.length) {
      socket.emit('initial', data[currentIndex]);
      currentIndex++;
    } else {
      // 所有数据发送完毕，清除定时器
      clearInterval(sendInterval);
    }
  }, 10); // 同样，间隔时间可根据实际情况调整
});

小提示 #

• 延迟时间不用太长，10-50ms就足够避免TCP合并数据包了；如果设得太小（比如1ms），可能还是会出现合并的情况。
• 如果你的数据体积较大，或者对实时性要求极高，可以结合Socket.io的volatile标记（socket.volatile.emit()），但一般场景下上面的方案完全够用。

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