Javascript 如何使用react中对象数组的时间戳进行迭代

我是

反应redux的新手。

。我的回答是

{
        "content": [{
            "id": "5b7d4a566c5fd005075051"
            "createdAt": 12345677,,
            "Name": "abc"
        },
        {
            "id": "5b7d4a566c5fd005075051"
            "createdAt": 12235677,
        },
        {
            "id": "5b7d4a566c5f0507501051"
            "createdAt": 123675677,
        }]
    }

现在，我用这些数据创建了一个表，如下所示：

{this.props.data && this.props.data.content && this.props.data.content.length > 0 && this.props.data.content.map((item, key) => {
              return (
                <tr key={key}>
                  <td className="font-weight-bold wc-30">{key + 1}</td>
                  <td>{item.Name}</td>
                </tr>
              )
            })}

---

但是，我没有到达那里。那么，有人能帮我吗？

您的列表没有定义任何createdDate。尝试按createdAt排序

像这样：

let json=[{
id:“5b7d4a566c5fd005075051”，
创建日期：12345677，
姓名：“abc”
},
{
id:“5b7d4a566c5fd005075051”，
创建日期：12235677，
},
{
id:“5b7d4a566c5f0507501051”，
创建日期：123675677，
}
]
const output=json.sort（（a，b）=>{
返回b.createdAt-a.createdAt
})
console.log（输出）

您的列表没有定义任何createdDate。尝试按createdAt排序

像这样：

let json=[{
id:“5b7d4a566c5fd005075051”，
创建日期：12345677，
姓名：“abc”
},
{
id:“5b7d4a566c5fd005075051”，
创建日期：12235677，
},
{
id:“5b7d4a566c5f0507501051”，
创建日期：123675677，
}
]
const output=json.sort（（a，b）=>{
返回b.createdAt-a.createdAt
})
console.log（输出）

a-b不是b-a

---

a-b不是b-a。

以下是使用sort（）函数的完整代码

从“React”导入React；
变量x={
“内容”：[{
“id”：“5b7d4a566c5fd005075051”，
“createdAt”：12345677，
“名称”：“abc”
},
{
“id”：“5b7d4a566c5fd005075051”，
“createdAt”：12235677，
“名称”：“d”
},
{
“id”：“5b7d4a566c5f0507501051”，
“createdAt”：123675677，
“名称”：“e”
}]
};
变量y=x.content.sort（（a，b）=>{
返回a.createdAt-b.createdAt
})
类Main扩展了React.Component{
render（）{
返回(
{y.map（（项，键）=>{
返回(
{key+1}
{item.Name}
)
})}
)
}
}
导出默认主；

这是完整的代码，使用sort（）func

从“React”导入React；
变量x={
“内容”：[{
“id”：“5b7d4a566c5fd005075051”，
“createdAt”：12345677，
“名称”：“abc”
},
{
“id”：“5b7d4a566c5fd005075051”，
“createdAt”：12235677，
“名称”：“d”
},
{
“id”：“5b7d4a566c5f0507501051”，
“createdAt”：123675677，
“名称”：“e”
}]
};
变量y=x.content.sort（（a，b）=>{
返回a.createdAt-b.createdAt
})
类Main扩展了React.Component{
render（）{
返回(
{y.map（（项，键）=>{
返回(
{key+1}
{item.Name}
)
})}
)
}
}
导出默认主；

您使用的是什么日期格式？在排序方法比较中使用createAt而不是createdDate您使用的是什么日期格式？在排序方法比较中使用createAt而不是createdDate我使用它的方式类似于{this.props.jobList&&this.props.jobList.content&&this.props.jobList.content.length>0&&this.props.jobList.content.sort(（a，b）=>b.createdDate-a.createdDate）.map（（项，键）=>{因为我想显示应该在那里的徽章，如果它是最新的徽章，你的意思是chain.sort（）.map（）？是的，可以。在你的代码中，b.createdDate-a.createdDate意味着降序。是的，我的意思是Chaain我想要最晚创建的徽章，就像我使用的那样{this.props.jobList&&this.props.jobList.content&&this.props.jobList.content.length>0&&this.props.jobList.content.sort（（a，b）=>b.createdDate-a.createdDate.map（（项，键）=>{因为我想显示应该在那里的徽章，如果它是最新的徽章，你是指chain.sort（）.map（）是的，可以。在你的代码中，b.createdDate-a.createdDate表示降序。是的，我的意思是Chaain我想要最新创建的

const sortedList = this.props.data.sort((a, b) => b.createdDate - a.createdDate); 

json.sort((a, b) => { return a.createdAt - b.createdAt })

import React from "react";

var x = {
        "content": [{
            "id": "5b7d4a566c5fd005075051",
            "createdAt": 12345677,
            "Name": "abc"
        },
        {
            "id": "5b7d4a566c5fd005075051",
            "createdAt": 12235677,
            "Name": "d"
        },
        {
            "id": "5b7d4a566c5f0507501051",
            "createdAt": 123675677,
            "Name": "e"
        }]
    };
var y = x.content.sort((a,b)=>{
    return a.createdAt-b.createdAt
})

class Main extends React.Component {

render(){
    return(
        <table>
        <tbody>
                {y.map((item, key) => {
              return (
                <tr key={key}>
                  <td className="font-weight-bold wc-30">{key + 1}</td>
                  <td>{item.Name}</td>
                </tr>
              )
            })}

        </tbody>
        </table>
    )
}
}


export default Main;