在对象数组中分隔一个对象

Question

我正在使用来自 API

的数据

"stats": [
{
  "base_stat": 48,
  "effort": 1,
  "stat": {
    "name": "hp",
    "url": "https://pokeapi.co/api/v2/stat/1/"
  }
},
{
  "base_stat": 48,
  "effort": 0,
  "stat": {
    "name": "attack",
    "url": "https://pokeapi.co/api/v2/stat/2/"
  }
}]

所以当我收到这个时，我正在做 =>

const selectedStats = stats.reduce(
(acc, stat) => ({ ...acc, [stat.stat.name]: stat.base_stat }),
{} ); 
    // OUTPUT => stats: {
attack: 48
hp: 48 }

但现在我试图在对象数组中分离一个对象，例如

[{attack: 81}, {hp: 48}, etc]

但我不知道该怎么做

抱歉，如果这是一个大问题，但我没有找到答案。谢谢！

Answer 1

只需 mapping the result of Object.entries() 即可：

const stats = {
  attack: 48,
  hp: 48
};

const data = Object.entries(stats).map(([k, v]) => ({[k]: v}));

console.log(data);

虽然你不需要中间 reduce()。由于您是从数组开始的，因此您可以在一个 map() 操作中完成所有操作：

const stats = [{
  "base_stat": 48,
  "effort": 1,
  "stat": {
    "name": "hp",
    "url": "https://pokeapi.co/api/v2/stat/1/"
  }
}, {
  "base_stat": 48,
  "effort": 0,
  "stat": {
    "name": "attack",
    "url": "https://pokeapi.co/api/v2/stat/2/"
  }
}];

const data = stats.map(({base_stat, stat: {name}}) => ({[name]: base_stat}));

console.log(data);

在对象数组中分隔一个对象

Separate an object in a array of objects

arrays

object

key-value