查找对象数组的索引

Question

我被代码卡住了。我实际上想使用 typescript/javascript 查找 dataLayer 中元素的索引。

track: { products },
dataLayers: { current: { cart: { items } } }

products?: IProduct[]

export interface IProduct {
    id: string
    quantity?: string
    name?: string
}
items?: ICartItem[]

export interface ICartItem {
    id: string
    brand: string
    name: string
    quantity: number

}

跟踪：{产品}

产品有 {id,quantity}

dataLayers: { current: { car​​t: { items } } }

商品有{id, brand, name, quantity}

现在我想查找产品的位置/索引，例如：

示例：*

products:{
[{id: 'a123',quantity: '1'},{id:'a345', quantity:'2'}]
}

items:{
[{id: 'a123',brand:'pen',name: 'Reynolds', quantity: '1'}, {id: 'a143',brand:'pencil',name: 'Nataraj', quantity: '3'}, {id: 'a122',brand:'pen',name: 'Parker',quantity: '1'},{id:'a345',brand:'Eraser',name: 'Faber-Castell', quantity:'2'}]
}

{id:'a123',quantity:'1'} 的位置应该是 1 和 {id:'a345',quantity:'2'} 的位置> 应该是 4

我的代码如下所示：

我已经使用 map 从 products 中获取 id，如图所示

const id = products.map(product => { return product.id})

现在我想在项目中找到这些产品的索引/位置。所以我尝试如下

    let position = filter((item: ICartItem) => {
        if(id.includes(item.id)){
            return {id}
        }  
}).findindex(id)

即，

    const id = products.map(product => { return product.id})
    let position = filter((item: ICartItem) => {
        if(id.includes(item.id)){
            return {id}
        }  
}).findindex(id)

但我收到错误

'string[]' 类型的参数不能分配给'(value: ICartItem, index: number, obj: ICartItem[]) => unknown' 类型的参数。 类型 'string[]' 不匹配签名 '(value: ICartItem, index: number, obj: ICartItem[]): unknown'.ts(2345)

有人帮我找到过滤产品的位置/索引？

Answer 1

在map 之后，您可以链接.indexOf() 以获取对象的索引，而a345 的Index 将是3 而不是4，因为索引是数组中的zero based

let items = [{
  id: 'a123',
  brand: 'pen',
  name: 'Reynolds',
  quantity: '1'
}, {
  id: 'a143',
  brand: 'pencil',
  name: 'Nataraj',
  quantity: '3'
}, {
  id: 'a122',
  brand: 'pen',
  name: 'Parker',
  quantity: '1'
}, {
  id: 'a345',
  brand: 'Eraser',
  name: 'Faber-Castell',
  quantity: '2'
}]

let index= items.map(function(e) {
  return e.id;
}).indexOf('a345')

console.log(`Index=${index}`)
console.log(`position= ${index+1}`)

Answer 2

您可以链接 map 和 indexOf 以将结果作为具有位置的数组来获取。

const products = [
    { id: 'a123', quantity: '1' },
    { id: 'a345', quantity: '2' },
  ];

const items = [
  { id: 'a123', brand: 'pen', name: 'Reynolds', quantity: '1' },
  { id: 'a143', brand: 'pencil', name: 'Nataraj', quantity: '3' },
  { id: 'a122', brand: 'pen', name: 'Parker', quantity: '1' },
  { id: 'a345', brand: 'Eraser', name: 'Faber-Castell', quantity: '2' },
];

const result = products.map(product => items.map(item => item.id).indexOf(product.id) + 1);
console.log(result)

如果带有位置的数组也需要返回 id，那么你可以这样做：

const products = [
        { id: 'a123', quantity: '1' },
        { id: 'a345', quantity: '2' },
      ];

const items = [
  { id: 'a123', brand: 'pen', name: 'Reynolds', quantity: '1' },
  { id: 'a143', brand: 'pencil', name: 'Nataraj', quantity: '3' },
  { id: 'a122', brand: 'pen', name: 'Parker', quantity: '1' },
  { id: 'a345', brand: 'Eraser', name: 'Faber-Castell', quantity: '2' },
];

const result = products.map(product => {
  const id = product.id;
  return {
    id,
    position: items.map(item => item.id).indexOf(id) + 1
  }
});
console.log(result)

Answer 3

你可以试试：

const ids = products.map( product => product.id);
const positions = items.map( ( item, i ) => {
  if( ids.includes(item.id)){
    return{
      position: i + 1,
      id: item.id
    }
  }
  return null
}).filter(Boolean)

//[ { position: 1, id: 'a123' }, { position: 4, id: 'a345' } ]