javascript - 我可以通过访问该对象中的其他值来设置该对象的值吗？

Question

我是 React.js 新手，我正在设计一个小游戏。

当我设置life值时，我想使用job的值，我可以在React.js中这样做吗？

这是我的代码的一部分:

this.setState({
            players:[
                {
                    id:uuid.v4(),
                    name: "A",
                    job: "Wizard",
                    life: this.getRandHealth("Wizard")
                }, {
                    id:uuid.v4(),
                    name: "B",
                    job: "Witch",
                    life: this.getRandHealth("Witch")
                }]});

我想直接访问job，而不是手动签名。我能做到吗？

Answer 1

解决方案是定义不包含 life 的玩家列表，然后使用 .map() 添加它:

var list = [{
  id: uuid.v4(),
  name: "A",
  job: "Wizard",
}, {
  id: uuid.v4(),
  name: "B",
  job: "Witch",
}];

this.setState({
  players: list.map(function(obj) {
    return {
      id: obj.id,
      name: obj.name,
      job: obj.job,
      life: this.getRandHealth(obj.job)
    };
  }, this);
});

如果 id 始终为 uuid.v4()，那么您也可以将其移至 map 中并进一步减少重复。