for循环逻辑无法检测数组中是否存在项目（javascript）

Question

我正在检查内存中是否已经存在产品 ID，所以我只更新它的数量，我的数据是一个看起来像的数组[{ id: data.id, price: data.price, qty: 1 }]我的代码是这个功能storeProduct = async (data) => {    this.setState({ found: null })    try {      const value = await AsyncStorage.getItem('cart')      if (value !== null) {        var products = JSON.parse(value)        for (let x in products) {          if (products[x].id === data.id) {            this.setState({ found: true })          } else {            this.setState({ found: false })          }        }      } else {        await AsyncStorage.setItem(          'cart',          JSON.stringify([{ id: data.id, price: data.price, qty: 1 }])        )      }      if (this.state.found === false) {        var obj = { id: data.id, price: data.price, qty: 1 }        await AsyncStorage.setItem('cart', JSON.stringify([...JSON.parse(value), obj]))      }    } catch (error) {      this.setState({ error: error })    }  }它确实有效，但仅在对同一产品进行测试时，当我单击另一个产品然后返回到第一个产品时，它将该 id 连接到数组中，我得到 2 个相似的 id。这很奇怪，所以我不确定应该使用什么逻辑，我受到以下使用 redux 示例的启发：if(action.type === ADD_TO_CART){      let addedItem = state.items.find(item=> item.id === action.id)      //check if the action id exists in the addedItems     let existed_item= state.addedItems.find(item=> action.id === item.id)     if(existed_item)     {        addedItem.quantity += 1          return{            ...state,             total: state.total + addedItem.price               }    }     else{        addedItem.quantity = 1;        //calculating the total        let newTotal = state.total + addedItem.price                 return{            ...state,            addedItems: [...state.addedItems, addedItem],            total : newTotal        }            }}

Answer 1

我认为问题可能出在您的 for 循环中，它会针对多个项目执行。例如 -

let products = [{ id: "id", price: "price", qty: 1 },{ id: "id2", price: "price2", qty: 12 }]

for (let x in products) {

  if (products[x].id === data.id) {

         this.setState({ found: true })

    } else {

         this.setState({ found: false })

    }

}

对于第一个产品，它将设置 found 等于 true，对于第二次迭代，它将进入 else 并将 found 设置为 false。我想也许正因为如此，你得到了一个重复的产品。代替 for 循环来检查元素是否存在，您可以使用数组的 findIndex 方法 -

let index = products.findIndex((element)=> element.id === data.id)

if(index !== -1)

{

 this.setState({ found: true })

}else{

 this.setState({ found: false })

}

findindex 的参考 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex

Answer 2

我不熟悉反应，但通常像这样的一行：for (let x in products)，将带回 x 的产品，而不是索引。您将 x 视为索引。这是问题的一部分吗？