从嵌套对象数组中递归创建字符串?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从嵌套对象数组中递归创建字符串?相关的知识,希望对你有一定的参考价值。

最终,我不确定这是否是正确的方法,所以我愿意接受建议。

我要做的是编写一个递归函数,在迭代对象数组的每个元素时调用它。该函数应该采用数组元素,递归迭代其值和嵌套对象。

因此,例如,在迭代array的嵌套对象时可能会调用该函数,如此...

arrayOfNestedObjects.map(el => objectValues(el))

我正在使用https://jsonplaceholder.typicode.com/来获取这种形状的对象数组......

{
  id: 10,
  name: 'Clementina DuBuque',
  username: 'Moriah.Stanton',
  email: 'Rey.Padberg@karina.biz',
  address: {
    street: 'Kattie Turnpike',
    suite: 'Suite 198',
    city: 'Lebsackbury',
    zipcode: '31428-2261',
    geo: {
      lat: '-38.2386',
      lng: '57.2232'
    }
  },
  phone: '024-648-3804',
  website: 'ambrose.net',
  company: {
    name: 'Hoeger LLC',
    catchPhrase: 'Centralized empowering task-force',
    bs: 'target end-to-end models'
  }
}

我想从递归函数返回的是数组中每个元素的所有值的单个串联字符串,包括来自任何嵌套对象的所有值,如上例所示。

"10clementinadubuquemoriah.stantonrey.padberg@karina.bizkattieturnpikesuite198lebsackbury31428-2261-38.238657.2232024-648-3804ambrose.nethoegerllccentralizedempoweringtask-forcetargetend-to-endmodels"

我遇到的问题是我的递归函数似乎最后调用返回一个字符串,省略了一些嵌套对象的所有值。这是我迄今为止的功能......

function objectValues(value, ...args) {
  let string = args;
  Object.values(value).forEach((val, i) => {
    if (typeof val === 'object' && val !== null) {
      objectValues(val, string);
    } else {
      string += val
        .toString()
        .replace(/s/g, '')
        .toLowerCase();
        console.log(string);
    }
  });
  return string;
}

string子句中记录else显示我想要的字符串,但是在string上方记录return显示错误的字符串缺少company对象的值。对于我如何设置递归,我一定很简单。谢谢你的任何建议!

答案

...args参数使事情变得更加复杂。如果...args是一个数组,重命名它let string = args是非常令人困惑的 - 特别是,你可以看到后来,当你做string += ...(但+=在数组上没有多大意义)

相反,只需在函数的开头声明一个空字符串,必要时将其连接起来,并在函数末尾加上return。当您将数组压缩为单个值(例如字符串)时,reduceforEach更合适:

const value={id:10,name:'Clementina DuBuque',username:'Moriah.Stanton',email:'Rey.Padberg@karina.biz',address:{street:'Kattie Turnpike',suite:'Suite 198',city:'Lebsackbury',zipcode:'31428-2261',geo:{lat:'-38.2386',lng:'57.2232'}},phone:'024-648-3804',website:'ambrose.net',company:{name:'Hoeger LLC',catchPhrase:'Centralized empowering task-force',bs:'target end-to-end models'}}

function objectValues(value) {
  return Object.values(value).reduce((string, val, i) => string + (
    (typeof val === 'object' && val !== null)
    ? objectValues(val)
    : val
        .toString()
        .replace(/s/g, '')
        .toLowerCase()
  ));
}

console.log(objectValues(value));

以上是关于从嵌套对象数组中递归创建字符串?的主要内容,如果未能解决你的问题,请参考以下文章

如何从对象中递归删除子对象?

JavaScript 代码片段

递归函数如何在数组中保存消息?

Redux: Reduced - 如何在嵌套数组的递归过程中避免对象不可扩展错误?

递归实现驼峰下划线相互转换,支持多层嵌套对象

C# 使用字符串数组中的嵌套对象动态创建 JSON