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

Posted 2023-03-05

【中文标题】如何在 JavaScript 中只显示前两个对象？

【英文标题】：How to display only first two object in JavaScript?

【发布时间】：2016-06-21 03:04:59

【问题描述】：

在这里，我在一个数组中存储了四个对象。我只想显示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')
);

【问题讨论】：

不，你没有使用 jQuery map 函数。您正在使用本机 Array.map (vanilla javascript)

【参考方案1】：

你可以使用.slice，

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

Example

【讨论】：

这就是我想要的。谢谢兄弟