根据计数中断Object.keys循环

Question

我要在循环前三个对象后中断循环。我可以为count设置变量，并使用过滤器在地图上进行递增，但是有一种优美的方法吗？

Object.keys(data)
    .filter(key => !data[key].required)
    .map(function (key) {
          return <Greetings/>
    });

Answer 1

您可以在映射之前进行切片以仅对前三个元素进行迭代。

Object.keys(data)
    .filter(key => !data[key].required)
    .slice(0, 3)
    .map(function (key) {
          return <Greetings/>
    });