How to count object's number in array?

Question

There is a function which create the same objects (with different values of ID, task and point) and push it to array Box. And i want to get each number of object, and show it to user on page. 1,2,3,4,5,6.... How to do it?

box: [{
id: shortid.generate(),
task: action.task,
point: false
}]

Added. But there's a fucntion which create the same objects, but with own properties, and I want to show to user number of object. — Богдан Чубко
– Богдан Чубко, Commented Apr 23, 2020 at 17:57
@EugenSunic, I just want to show object's number on the web page. For example in To-Do-List. The first = 1 number, the second task = 2 number — Богдан Чубко
– Богдан Чубко, Commented Apr 23, 2020 at 18:03
All you want is to get the index of object in an array. And like Eugen Sunic comment, array.map((item, index)=>{}) has index parameter. check:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Kuo-hsuan Hsu
– Kuo-hsuan Hsu, Commented Apr 23, 2020 at 18:03

EugenSunic · Accepted Answer · 2020-04-23 18:03:27Z

1

I believe you want to add sequence number to each of your object:

const result = [{
  id: '2s3wf4',
  task: 'task1',
  point: false
}].map((x, i) => ({
  ...x,
  serialNumber: i + 1
}));


console.log(result)

answered Apr 23, 2020 at 18:03

EugenSunic

13.8k15 gold badges68 silver badges96 bronze badges

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

3 Comments

Богдан Чубко Over a year ago

There is a function which create the same objects (with different values of ID, task and point) and push it to array Box. And i want to get each number of object, and show it to user on page. 1,2,3,4,5,6....

EugenSunic Over a year ago

@БогданЧубко please update you description then of what exactly you want it's a little bit unclear...

Богдан Чубко Over a year ago

I told you above what I need.

Collectives™ on Stack Overflow

How to count object's number in array?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related