How to use for…of Loop In Javascript
Navigate every object in the array of objects using a for…of loop, and create another object that puts the key at the desired position for each object in the array.
Example: The below code implements the above-discussed methods to move a key in an array of objects.
const array = [
{
name: 'John',
age: 30,
gender: 'male'
},
{
name: 'Alice',
age: 25,
gender: 'female'
},
{
name: 'Bob',
age: 35,
gender: 'male'
}
];
const newArray = [];
for (const [ind, obj] of
array.entries()) {
newArray.push(
{
...obj,
['index']: ind
});
}
console.log(newArray);
Output
[
{ name: 'John', age: 30, gender: 'male', index: 0 },
{ name: 'Alice', age: 25, gender: 'female', index: 1 },
{ name: 'Bob', age: 35, gender: 'male', index: 2 }
]
How to Move a Key in an Array of Objects using JavaScript?
The JavaScript array of objects is a type of array that contains JavaScript objects as its elements.
You can move or add a key to these types of arrays using the below methods in JavaScript:
Table of Content
- Using Object Destructuring and Map()
- Using forEach() method
- Using for…of Loop
- Using reduce() method