无法获取数组中对象的索引

Question

我以为如果我保留原始参考文献，我只会得到索引

const selected = {id: "abcd123", quantity: "5"};
const location = [
  {id: "abcd123", quantity: "3"},
  {id: "abcd1234", quantity: "3"},
];
const filterLocation = location.filter(loc => loc.id === selected.id);
console.log(location.indexOf(filterLocation));

我希望它将记录为0但始终返回-1 。 实际如何运作？

Answer 1

  const selected = {id: "abcd123", quantity: "5"};
  const location = [
    {id: "abcd123", quantity: "3"},
    {id: "abcd1234", quantity: "3"},
  ];
 const filterLocation = location.filter(loc => loc.id === selected.id);

 console.log(location.findIndex(value => value.id === filterLocation[0].id )));

filter返回一个新数组。 因此，您只需要访问在此示例中filtered那个值

将indexOf更改为findIndex 。 location是一个对象数组，因此您需要再次迭代所有数组以恢复索引。 当然，仅此示例，您也可以在同一filter操作中恢复索引。

 console.log(location.findIndex(value => value.id === filterLocation[0].id )));

Answer 2

首先filterLocation不包含任何与location相同的对象。 它包括唯一具有相同id字段但quantity字段不同的对象。 其次， indexOf方法不适用于非标量参数。

Answer 3

抱歉，是我的错

我认为我应该切换到findIndex而不是indexOf 。

const selected = {id: "abcd123", quantity: "5"};
const location = [
 {id: "abcd123", quantity: "3"},
 {id: "abcd1234", quantity: "3"},
];
const filterLocation = location.filter(loc => loc.id === selected.id);
console.log(location.findIndex(loc => loc.id === selected.id));

然后，我将获得所需的指定索引。