Please help me rewrite or add right condition to the Vue js code

Basically, I need to make sure variable shops is empty, only, if all the account va开发者_Python百科lues are empty in the map function below.

if (coll.cellData.name === 'account') {
  individualData = {
    isSearch: true,
    account_name: object.name,
    shops: connectedShops.map(shop => ({
      shop_name: shop.name,
      shop_id: shop.id,
      currency_code: shop.currency.name,
      account: object.accounts.find(acc => acc.shop_id === shop.id) ? ? null,
    })),
  };
}

Do not have much practise in JS and do not know how to add a condition. Thank you!

I have this code to run after, but sure you can suggest a better idea

var custom_mapping = true;
for (shop in connectedShops) {
  if (object.accounts.find(acc => acc.shop_id === shop.id) === null)
    custom_mapping = false;
}
if (!custom_mapping)
  individualData.shop = []

---

try this.

if (coll.cellData.name === 'account') {
  individualData = {
    isSearch: true,
    account_name: object.name,
    shops: connectedShops.flatmap(shop => {
      if(!object.accounts.find(acc => acc.shop_id === shop.id)) return [];
      else return {
        shop_name: shop.name,
        shop_id: shop.id,
        currency_code: shop.currency.name,
        account: object.accounts.find(acc => acc.shop_id === shop.id)
      }
    }),
  };
}

if object.accounts.find(acc => acc.shop_id === shop.id) return undefined meaning it can't find shop_id in object.accounts, then we return empty array.

---

You can achieve this requirement by test if all the account values are empty or not with the help of Array.some() method.

Live Demo :

const obj = {
    accounts: [{
    shop_id: 1
  }, {
    shop_id: 2
  }, {
    shop_id: 4
  }, {
    shop_id: 5
  }]
};

const connectedShops = [{
    name: 'Shop A',
  id: 1,
  currency: {
    name: 'INR'
  }
}, {
    name: 'Shop B',
  id: 3,
  currency: {
    name: 'USD'
  }
}];

const shops = connectedShops.map(shop => {
    return obj.accounts.some(({ shop_id }) => shop_id === shop.id) ? {
    account: obj.accounts.find(({shop_id}) => shop_id === shop.id)
  } : []
});

console.log(shops);