牛骨文教育服务平台(让学习变的简单)
博文笔记

react的map遍历

创建时间:2017-08-21 投稿人: 浏览次数:172

JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是只能用字符串当作键

<ul>
    {
        this.state.reward.map((cont,index) =>{
            return (
                <li  key={index}>
                    <div className="text1">{cont.num}</div>
                    <div className="text2">{cont.username}</div>
                    <div className="text3 text-right">{cont.time}</div>
                </li>
            )})
    }
</ul>


实例的属性

  • size属性返回Map结构的成员总数

实例的方法

  1. 操作方式

    • set(key, value):设置key所对应的键值,然后返回整个Map结构(本身)
    • get(key):读取key对应的键值
    • has(key):返回一个布尔值,表示某个键是否在Map数据结构中
    • delete(key):删除某个键,返回布尔值
    • clear():清除所有成员,没有返回值
  2. 遍历方法

    • keys():返回键名的遍历器
    • values():返回键值的遍历器
    • entries():返回所有成员的遍历器
    • forEach():遍历Map的所有成员

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。