JS Array.find if undefined element

Question

I try to merge two arrays:

productsAll = parserArrayFull.map((item) => {

        return {
            ...item,
            ...firestoreArrayFull.find((y) => y.productSKU === item.SELLER_SKU),
        };
    });

Everything works OK if in "firestoreArrayFull" there is "productSKU" with the same value like item.SELLER_SKU. But if not there is error "Cannot read property 'productSKU' of undefined" How to make condition for this situation? I would like to keep "item" only in the case of error. regards

Hao Wu · Accepted Answer · 2020-05-29 01:32:43Z

2

Looks like you have some null values in firestoreArrayFull array.

Try put y && before you make a comparison to make sure y isn't null or undefined.

productsAll = parserArrayFull.map((item) => {
    return {
        ...item,
        ...firestoreArrayFull.find((y) => y && y.productSKU === item.SELLER_SKU),
    };
});

Update

If not found, adds productSKU property equals to item.SELLER_SKU.

productsAll = parserArrayFull.map((item) => {
    return {
        ...item,
        ...(firestoreArrayFull.find((y) => y && y.productSKU === item.SELLER_SKU) || { productSKU: item.SELLER_SKU }),
    };
});

edited May 29, 2020 at 1:32

answered May 28, 2020 at 0:49

Hao Wu

21.6k7 gold badges37 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

awariat Over a year ago

Thank you. It excluded without error now. But i need to add key productSKU which is the same like item.SELLER_SKU to returned array if not found.Regards

Collectives™ on Stack Overflow

JS Array.find if undefined element

1 Answer 1

Update

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Update

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related