Can you destructure the key, value, and index of an object in a forEach?

I understand destructuring key and value would look like:

Object.entries(obj).forEach(([key, value]) => {
  ...
});

But I'm hoping to also destructure the index.

My attempt:

Object.entries(obj).forEach((entry, index) => {
    const [key, value] = entry;
    ...
});

But wasn't sure if there was a better way. I know this is a pretty basic question but thanks for the help!

Can you destructure the key, value, and index of an object in a forEach?

I understand destructuring key and value would look like:

Object.entries(obj).forEach(([key, value]) => {
  ...
});

But I'm hoping to also destructure the index.

My attempt:

Object.entries(obj).forEach((entry, index) => {
    const [key, value] = entry;
    ...
});

But wasn't sure if there was a better way. I know this is a pretty basic question but thanks for the help!

• javascript
• object
• ecmascript-6
• destructuring

Share Follow asked Feb 22, 2020 at 1:05 BWeb303BWeb303 30311 gold badge77 silver badges1818 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

Just list the index argument normally after destructuring the first argument:

Object.entries(obj).forEach(([key, value], index) => {

const obj = {
  foo: 'val'
};

Object.entries(obj).forEach(([key, value], index) => {
  console.log(key, value, index);
});