使用object.keys在两个数字之间迭代

Question

我已经得到了在object.keys中迭代的对象列表，但是我如何才能只在两个数字(3-5)之间迭代呢？并忽略列表的其余部分。

const obj = { 
    '#1 List title': [{
        title: 'First',
      },
    ],
    '#2 List title': [{
        title: 'Sec', 
      },
    ], 
    '#3 List title': [{
        title: 'Third',
      },
    ], 
    '#4 List title': [{
        title: 'Fourth',
      },
    ],    
    '#5 List title': [{
        title: 'Fifth',
      },
    ],    
  };

const listItem =  Object.keys(obj).map((key) => 
    <div key={key}>
      <div>{key}</div>
      <div>
        {obj[key].map(el =>
          {el.title}
        )}
      </div>
    </div>
  )

Answer 1

过滤器也可以让你做到这一点：

​

const obj = { 
    '#1 List title': [{
        title: 'First',
      },
    ],
    '#2 List title': [{
        title: 'Sec', 
      },
    ], 
    '#3 List title': [{
        title: 'Third',
      },
    ], 
    '#4 List title': [{
        title: 'Fourth',
      },
    ],    
    '#5 List title': [{
        title: 'Fifth',
      },
    ],    
  };
  
  const start = 2;
  const end = 4;

const listItem =  Object.keys(obj).filter((_,i) => i >=start && i <=end).map((key) => `
    <div key=${key}>
      <div>${key}</div>
      <div>
        ${obj[key].map(el =>
          {el.title}
        )}
      </div>
    </div>
    `
  )
  
  console.log(listItem)

​

请注意，数组索引从0开始，请随意修改start和end