如何在javascript中只获取嵌套object中的键值对

Question

let Ar=[
{
      info:{
          name:"Sai",
          age:24
      },
    grade:'A'
},    
{
    name:"Satish",
    grade:'B',
    info:{
        place:"Hyd",
        company:'Company1'
    },
    info2:{
        place2:"Hyderabad",
        company2:'Company2'
    }
}

]

**输出应该只是键值对**

[
    {
        "name": "Sai",
        "age": 24,
        "grade": "A"
    },
    {
        "name": "Satish",
        "grade": "B",
        "place": "Hyd",
        "company": "Company1",
        "place2": "Hyderabad",
        "company2": "Company2"
    }
]

How we can get only key value pairs form the object and nested object

*我目前的解决方案是这样的但是我们是否有更优化的代码来从 object 中获取唯一的键值对。我使用了 Object.keys(obj) 和 Object.entries(obj) 方法来实现 *

let fr=Ar.map((A)=>{
    let test=[];
  let en= Object.keys(A).map((item) => {
  if (typeof A[item] === "object") {
     Object.entries(A[item]).map((i)=>{test.push(i)})
  } else {
    return test.push([item, A[item]]);
  }
});  
    
    return test;
})
    
let finalAnswer=fr.map((item)=>{
    return Object.fromEntries(item)
})
 console.log("Spread Print",finalAnswer)

有没有比我更好的解决方案？

Answer 1

你可以用这个

let fr=Ar.map((A)=>{
let test={};


Object.keys(A).forEach((item) => {

if (typeof A[item] === "object") {
 test={...test,...A[item]};
  } else {
test[item]=A[item]


 }

} return test });

Answer 2

以下可能是实现预期目标的一种可能解决方案（使用递归）。

请注意，如果嵌套级别中存在重复的键，则只会保留最新/最后的键值对。

代码片段

 // recursive method to transform nested objects const recTxf = parm => { if (Array.isArray(parm)) { // if key-value pair array const [k, v] = parm; // either recurse to nested, or return key-value pair if (typeof v === 'object') return recTxf(v); else return { [k]: v }; } else return { // otherwise, it is object...Object.entries(parm) // iterate over key-value pairs.reduce( (acc, itm) => ({ // use "reduce" to accumulate/aggregate...acc, ...recTxf(itm) // aggregate results of the recursive calls }), {} ) }; }; // method to iterate over the array const myTransform = arr => arr.map(ob => recTxf(ob)); let Ar = [ { info: { name: "Sai", age: 24 }, grade: 'A' }, { name: "Satish", grade: 'B', info: { place: "Hyd", company: 'Company1' }, info2: { place2: "Hyderabad", company2: 'Company2' } } ]; console.log(myTransform(Ar));

 .as-console-wrapper { max-height: 100%;important: top: 0 }

解释

上面的代码片段中提供了内嵌注释。