Array.push 无法在使用 Node js / javascript 的 forEach 循环中工作

Question

您好，我是 Node js 新手，我正在尝试从对象创建数组

data.forEach((title) => {
  let array = [];

  for (var i = 0; i <= data.length; i++) {
    array.push(title.title.charAt(0).toUpperCase() + title.title.slice(1))
  }
  console.log(array);

  //access.forEach((conf)=>{
  // conf.title
  // array
  //})
})

<script>
  let data = [{
      title: "user",
      fields: "required",
      access: "done"
    },
    {
      title: "root",
      fields: "default",
      access: "done"
    },
    {
      title: "super Admin",
      fields: "allready access",
      access: "defualt"
    },
    {
      title: "user1",
      fields: "required",
      access: "done"
    },
    {
      title: "test user",
      fields: "required",
      access: "done"
    },
  ]
</script>

因为我想要一个包含所有标题的数组，所以我可以在 access.forEach 方法中使用该数组字段，但得到的是标题，但不是在同一个数组中，而是作为不同的输出

预期输出

array = [User,Root,Super Admin,User1,Test user]

Answer 1

您可以通过使用简单的 Array.map 来实现此目的()。

工作演示：

let data = [{
  title: "user",
  fields: "required",
  access: "done"
}, {
  title: "root",
  fields: "default",
  access: "done"
}, {
  title: "super Admin",
  fields: "allready access",
  access: "defualt"
}, {
  title: "user1",
  fields: "required",
  access: "done"
}, {
  title: "test user",
  fields: "required",
  access: "done"
}];

const array = data.map((obj) => obj.title.charAt(0).toUpperCase() + obj.title.slice(1));

console.log(array);

Answer 2

传入 forEach 的箭头函数会针对 data 数组中的每个项目执行，以便您创建一个新数组 let array=[] for你原来的每一件物品。您要么想在函数外部声明数组：

let array=[];
data.forEach(item => {
   array.push(item.title[0].toUpperCase() + item.title.slice(1));
})

或者更好地使用 map

let titles = data.map(item => item.title[0].toUpperCase() + item.title.slice(1))

两种情况下的输出均为：
[“用户”、“Root”、“超级管理员”、“User1”、“测试用户”]