在 Javascript 中创建和访问对象数组

Question

我无法弄清楚如何访问对象数组中的数据。我花了几个小时试图找到一些这样的例子，但我发现你必须通过索引号引用数组，这似乎效率不高。

例如，我有一张动物表和该动物的腿数。如何根据动物的名称访问该动物的值（腿数）。如果我将“人类”传递给一个函数，我希望能够返回“2”。

这个概念是不是我还不熟悉的东西？难道不能使用“键”来访问数组中的数据吗？如果我不知道索引号，我真的必须使用循环来搜索整个数组以细化正确的条目吗？

最简单的方法是什么？

let animalsLegs = [{animal: "human", legs: 2},
                   {animal: "horse", legs: 4},
                   {animal: "fish", legs: 0}]

function findLegs(animalToFind) {
  return animalLegs[animalToFind];
}

console.log(findLegs("human"));

我希望输出为2。

Answer 1

使用对象而不是数组：

const animalLegsByAnimalName = {
  human: 2,
  horse: 4,
  fish: 0
};
function findLegs(animalToFind) {
  return animalLegsByAnimalName[animalToFind];
}
console.log(findLegs("human"));

如果你想保持使用数组，还要使用对象进行快速、方便的查找，只需将reduce初始数组先放入上述对象：

const animalsLegs = [{animal: "human", legs: 2},
                   {animal: "horse", legs: 4},
                   {animal: "fish", legs: 0}];
const animalLegsByAnimalName = animalsLegs.reduce((a, { animal, legs }) => {
  a[animal] = legs;
  return a;
}, {});

function findLegs(animalToFind) {
  return animalLegsByAnimalName[animalToFind];
}
console.log(findLegs("human"));

如果数组中的对象比这更复杂，并且您（例如）想要访问其他属性，则可以将对象的值设为数组中的对象，而不仅仅是 leg 的值属性：

const animalsLegs = [{animal: "human", legs: 2},
                   {animal: "horse", legs: 4},
                   {animal: "fish", legs: 0}];
const animalLegsByAnimalName = animalsLegs.reduce((a, animalObj) => {
  a[animalObj.animal] = animalObj;
  return a;
}, {});

function findLegs(animalToFind) {
  const foundAnimal = animalLegsByAnimalName[animalToFind];
  if (!foundAnimal) {
    return 'No animal found with that name!';
  }
  return foundAnimal.legs;
}
console.log(findLegs("human"));

Answer 2

如果要保留Array数据结构：

function findLegs(animalToFind) {
  const animal = animalsLegs.find(animal => animal.name === animalToFind);

  return animal.legs;
}

PS：数组数据结构比对象效率低，找到一个项目需要O(n)，而对象就像一个哈希表，你可以在O(1)中找到值。你可以阅读更多关于大 O 表示法here。

Answer 3

我认为数组最适合这种数据，你只需要编写一个小函数来检索你想要的。

const animals = [
  { animal: "human",  legs: 2 },
  { animal: "horse",  legs: 4 },
  { animal: "fish",   legs: 0 }
]

function getAnimalByName(name) {
  return animals.reduce((a, b) => b.animal !== name ? a : b, null)
}

// Human?!
console.log(getAnimalByName('fish'))