Loop through first 3 item in array JavaScript(react) [duplicate]

Question

For example I have 5 items:

const items = [
{id: 1, name: 'book', price: 50},
{id: 2, name: 'phone', price: 450},
{id: 3, name: 'fish', price: 80},
{id: 4, name: 'apple', price: 5},
{id: 5, name: 'pen', price: 2},
]

When we use map method like this:

{items.map( item => (
 <div> {item.name} {item.price} </div>
)}

We show all the items;

But I want to show just 3 first of that items

How can I do it?(using map method Or for method Or other methods)

How much research effort is expected of Stack Overflow users? -> Second result — Andreas
– Andreas, Commented Sep 27, 2021 at 8:01
To avoid closed questions and downvotes, please make sure stackoverflow is the last place you look for an answer, not the first ;) googling "js get part of an array" gives Array.slice as first result, at least for me — user5734311
– user5734311, Commented Sep 27, 2021 at 8:01

Tuan Dao · Accepted Answer · 2021-09-27 08:05:49Z

2

You can use Array.slice

{items.slice(0,3).map( item => (
 <div> {item.name} {item.price} </div>
)}

const items = [
{id: 1, name: 'book', price: 50},
{id: 2, name: 'phone', price: 450},
{id: 3, name: 'fish', price: 80},
{id: 4, name: 'apple', price: 5},
{id: 5, name: 'pen', price: 2},
]

const first3Items = items.slice(0,3);
console.log(first3Items);

edited Sep 27, 2021 at 8:05

answered Sep 27, 2021 at 8:00

Tuan Dao

2,8151 gold badge14 silver badges21 bronze badges

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

1 Comment

Tuan Dao Over a year ago

@Andreas sorry about that, that's my mistake. I updated it. Thanks for your reminder.

Collectives™ on Stack Overflow

Loop through first 3 item in array JavaScript(react) [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related