使用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