javascript - vue中，每一秒一个data，如何保存所有data，并一次只要8条数据？

Question

在监听里每一秒会返回一个data，一个data长度有65位，总共大概会返回30个，
我也是每一秒实时都要显示数据,一次显示8位，得按顺序来,然后得考虑到有奇数偶数的情况，假设最终只剩7条(或不足8条)，就7条一起显示

怎么样保留之后的数据并实时截取呢？

举例子↓

uni.$on('getData', (obj) => {    let data = ['aa','bb','cc','dd','ee','ff']    // let data = ['hh','ii','jj','kk','ll','mm'] //第二次返回    //...期待结果↓    let result = ['aa','bb','cc'] //第一次显示    // let result = ['dd','ee','ff'] //第二次显示    // let result = ['hh','ii','jj'] //第三次显示    // let result = ['kk','ll','mm'] //第四次显示})

这里可以不看，大伙可以这样理解，服务器每秒会返回给我一段心率波形的data，一段有65个点来组成波形图，总共会发送30秒大概一秒一个data，但我不可能一次显示65个点在图标上，所以每隔8个来裁剪，我也不可能等30秒之后再全部push到一个新data里再来每8位裁剪。现在的问题就是我不知道怎么在data实时更新的情况下，记忆之前裁剪的位置并继续裁剪

小弟在这里先感谢各位大神们，感激不尽，祝大神们发财祝大神们取漂亮老婆

Answer 1

bufferCount

import { Subject, Observable } from 'rxjs';const sub = new Subject();sub.bufferCount(3)  // 使用concatMap和delay保证接收到数据后，至少要等待1秒才能接收下一批数据  .concatMap(data => Observable.of(data).delay(1e3))  .subscribe((result) => {    console.log(result);  });function onEvent(data) {  data.forEach(t => sub.next(t));}onEvent(['aa','bb','cc','dd','ee','ff']);onEvent(['hh','ii','jj','kk','ll','mm']);

Answer 2

let allData = [];let currentIndex = 0;uni.$on('getData', (obj) => {       allData.push(...obj);    while (currentIndex + 8 <= allData.length) {        let result = allData.slice(currentIndex, currentIndex + 8);        console.log(result); // 这里处理逻辑        currentIndex += 8;    }     if (currentIndex < allData.length && allData.length - currentIndex < 8) {        let result = allData.slice(currentIndex);        console.log(result); // 这里处理逻辑        currentIndex = allData.length;    }});