Javascript es6數組映射

Question

我需要幫助創建一個函數，每次以3秒的時間間隔返回數組中的3個元素。 讓說，我有一個數組

const Array = [{name:'A'},{name:'B'},{name:'C'},{name:'D'},{name:'E'},{name:'F'},{name:'G'},{name:'H'},{name:'I'}]; 

它應該返回數組一樣

[{name:'A'},{name:'B'},{name:'C'}] 

然後在3秒後，它應該返回數組

[{name:'D'},{name:'E'},{name:'F'}] 

等也當陣列變得結束再次重複循環。

我試過使用大塊在哪裏我使用切片和過濾器，但只是返回一個大塊數組在一起。

非常感謝

Answer 1

你可以用一臺發電機做到這一點：

// Takes an array and the of the slice/subarray 
function* subArray(array, size) { 
    let i = 0; 
    let remaining = true; 
    while (remaining) { 
    yield array.slice(i, i + size); 
    i += size; 
    if (i >= array.length) { 
     remaining = false; 
    } 
    } 
} 

// Takes an array, a subarray size, and an interval in seconds 
const getSubArraysAtInterval = (array, size, seconds) => { 
    const iter = subArray(array, size); 
    const interval = setInterval(() => { 
    const next = iter.next(); 
    if (next.done) { 
     clearInterval(interval); 
     console.log('No values remaining'); 
    } else { 
     console.log(next.value); 
    } 
    }, seconds * 1000) 
} 

getSubArraysAtInterval([1, 2, 3, 4, 5, 6], 3, 3); 

工作小提琴：https://jsfiddle.net/adrice727/msx3sf03/1/

Answer 2

const array = [{name:'A'},{name:'B'},{name:'C'},{name:'D'},{name:'E'}, 
{name:'F'},{name:'G'},{name:'H'},{name:'I'}]; 

let i = 0 
setInterval(() => { 
    console.log(array.slice(i,i+3)) 
    i*3 > array.length ? i=0 : i += 3 
}, 3000) 

的jsbin：https://jsbin.com/yoqelu/edit?html,js,console,output