配列から要素を取り出して再び配列に戻す方法

Question

前提・実現したいこと

下記のようなtask タスクという配列があるとして、timestampとして取得した時間を標準時間で表示したいと考えています。

0: {
  time: "1555650125"
  content: "----"
}

1: {
  time: "1555651118"
  content: "----"
}

2: {
  time: "1555651169"
  content: "----"
}

その方法として、
timeを取り出しnew Date()を使い標準時に変換し、配列に代入する
と考えたのですが、そのようなことは可能なのでしょうか？

また可能であるなら方法を教えていただけたら幸いです。

現在Reactを使用していて下記のコードで配列を表示しています

{ this.props.tasks.map((task, key) => {
  return(
    <div key={key}>
      <p>{task.content}</p>    
      <p>{task.time}</p>
    </div>
  )
})}

よろしくお願いいたします。

Comments

[memb_rou]

標準時とは何ですか？具体的にお願いします

[gnx_vw903]

`{task.time}`で表示すると`1555650125`となっているので、
`Sat Apr 20 2019 09:20:57`このような形で表示したいと考えています

[think49]

Date.prototype.toStringがお求めの機能と思われます

Answer 1

タスクの配列を作る際に以下のようにかいたら、配列に再代入することができました。

const task = await todoList.methods.tasks(k).call()
task.checkintime = new Date(task.checkintime * 1000).toDateString();

this.setState({
    tasks: [...this.state.tasks, task]
})

まず、ブロックチェーンからcontentとtimeを含むtasksを取得し、taskと定義します

const task = await todoList.methods.tasks(k).call()

次に、task.timeを表したい形に変えます。

task.time = new Date(task.time * 1000).toDateString();

taskにはtimeが含まれているので上記で変換したものが配列に含まれています

this.setState({
    tasks: [...this.state.tasks, task]
})