Extract first object from array with es6 array methods

Question

I have this code to get an array of one object:

let selectedShop = initialResultsState.get('products')
        .filter(product => product.shop.selected)

console.log(selectedShop)

result:

Can I extract the object from the array in the same operation by stringing another es6 array method to the end of filter, rather than doing let newVariable = selesctedShop[0]?

I tried to string this to it:

.map(x => {return { shop: x.shop, products: x.products }})

but it is still an array of one object because map always returns a new array.

Answer 1

Two basic ways:

First way is shift'ing:

Array method, you can use Array.prototype.shift().

let selectedShop = initialResultsState.get('products')
    .filter(product => product.shop.selected)
    .shift();

Second way is an assignment:

You can do this, by destructuring assignment. In your case:

let [selectedShop] = initialResultsState.get('products')
    .filter(product => product.shop.selected);

This is available in ES6, supported in major browsers without transpiling.

---

But you could see another approach, in answers (Mikael Lennholm's answer) is Array.prototype.find(). This can be more performance-effective.