Js a simple way to store several objects in an array

Demand analysis

I have an array arr, To store four objects like the following into an array ：

{
    
  name: ' Xiao Huang ',
  age: 23
}

reflection

What is the general first thought ？ Manually create the object shown above , Then one by one push Into array

let arr = [];
const obj1 = {
    
  name: ' Xiao Huang ',
  age: 23
};
const obj2 ={
    
  name: ' Xiao Wang ',
  age: 20
};
const obj3 = {
    
  name: ' Xiao Shen ',
  age: 18
};
const obj4 = {
    
  name: ' Xiao Song ',
  age: 11
};
arr.push(obj1);
arr.push(obj2);
arr.push(obj3);
arr.push(obj4);

Problem analysis

The way it's written is ok Do you ？ That is, of course, ok, But the problem is that there is too much code , If there are hundreds of objects , Isn't it necessary to manually create hundreds of objects .

Optimize

It can be optimized by the following code ：

let arr = [];
const obj = {
    
  ' Xiao Huang ': 23,
  ' Xiao Wang ': 20,
  ' Xiao Shen ': 18,
  ' Xiao Song ': 11
};
for (const key in obj) {
    
  const param = {
    };
  param['name'] = key;
  param['age'] = obj[key];
  arr.push(param);
}
// or
Object.keys(obj).forEach(ele => {
    
  const param = {
    };
  param['name'] = ele;
  param['age'] = obj[ele];
  arr.push(param);
})

shortcoming

Only objects within two key value pairs are supported