javascript - 通过 map 获取具体结果

Question

我尝试学习react.js并坚持在 map 上获取特定结果。这是代码

render(){
const  friends = [
 {id:1, name: 'Dave',age:50},
{id:2,name: 'Kellie',age:42},
{id:3,name: 'Max',age:12},
{id:2,name: 'Jack',age:12}
];
return(
<div>
<ul>
{friends.map(p => <li key={p.id}>{p.name}</li>)}
</ul>;
</div>
);

结果:

*戴夫

*凯莉

*最大

* jack

如何用 map 得到这样的结果？

*戴夫*凯莉

*马克斯* jack

以及如何从像这样的索引的特定范围中获取结果？

*马克斯* jack

谢谢。

Answer 1

map 不是一个react-js特定函数，它是javascript数组的原生函数 - See the MDN page .

如何制定列表格式取决于您。 One answer建议使用css3。

获取特定结果就像使用 slice 一样简单，例如friends.slice(2).map(...)