Javascript 使用从API检索的my users集合创建JSON值数组

在我的React应用程序中，我从返回用户集合的API加载数据

然后，如何使用users集合作为源来创建具有不同属性的数组，以生成如下所示的新json数组

export const userList = [
  { username: 'ocean', color: 'Ocean',},
  { username: 'blue', color: 'Blue',},
]

我从API加载的用户数组中的每个用户都有属性“user\u name”和“fav\u color”

---

映射集合，创建自定义数据对象，并将这些对象放入对象数组中，然后传递到UI库进行渲染。

您只需创建自己的字段即可

例子：

users.map(user => {
  //user.user_name
  //user.fav_color
});

users.map(user => {
  userList.push({ username: user.user_name, color: user.fav_color });
});

const newUsers = userList.map(({username, color}) => ({
 user_name: username,
 fav_color: color
}));