如何在JavaScript中只显示前两个对象？

Question

在这里,我已经在一个数组中存储了四个对象.我想只显示ReactDOM.render方法中的前两个对象.

目前,显示所有项目.我使用jQuery map函数循环遍历数组.

如何只显示前两个对象？

var data = [
    {id:1, content:'test1'},
    {id:2, content:'test2'},
    {id:3, content:'test3'},
    {id:4, content:'test4'}
];

var UserList = React.createClass({
    render: function() {
        var Users = this.props.data.map(function(el, i){
            return <li key={i}>{el.content}</li>;
        });
        return (
            <ul>{Users}</ul>
        );
    }
});
ReactDOM.render(
  <UserList data={data} />,
  document.getElementById('container')
);

Answer 1

你可以用.slice,

<UserList data={ data.slice(0, 2) } />

Example