循环遍历列表对象

Question

我需要使用 for 循环从列表中取出特定对象

例如我会这样：

var list = [
  {Name: "Jake", Age: 15},
  {Name: "Paul", Age: 20}
];

这里非常简单，但我需要做的是从每个对象返回变量名称，所以在这种情况下我应该只得到 Jake 和 Paul 而不是年龄信息。我知道我可以使用一个简单的 list[0].Name 给我一个输出，但在我想使用 for 循环循环并返回每个名称的极端数量的名称的情况下更是如此。

Answer 1

你要找的是地图：

const newList = list.map(function(element){
    return element.Name;
});

map 函数迭代一个数组并为每个迭代值返回一个新值。 在这种情况下，上述函数将返回一个新数组，其中的字符串仅表示列表中每个对象的 Name 属性。

对于相同的功能，只有箭头符号和解构，请查看：

const newList = list.map(({Name}) => Name);

Answer 2

这是一个简单的for循环：

var list = [{Name: "Jake", Age: 15}, {Name: "Paul", Age: 20}]

let names = [];

for (let i = 0; i < list.length; i++) {
  names.push(list[i].Name);
}

console.log(names);

这是与forEach 相同的结果：

var list = [{Name: "Jake", Age: 15}, {Name: "Paul", Age: 20}]

let names = [];

list.forEach(function (obj) {
  names.push(obj.Name);
});

console.log(names);

如果您愿意，可以使用 map 添加到 Gilad 的答案中，您可以创建一个通用函数，该函数将返回指定对象属性的值，这样您就无需重复代码。

var list = [{Name: "Jake", Age: 15}, {Name: "Paul", Age: 20}]

function getValue(key) {
  return function (obj) {
    return obj[key];
  }
}

let names = list.map(getValue('Name'));
let ages = list.map(getValue('Age'));

console.log(names, ages);