【问题标题】:Using JavaScript, how tdo you convert an Object into an Array使用 JavaScript,如何将 Object 转换为 Array
【发布时间】:2021-09-11 01:48:41
【问题描述】:

我正在创建一个辅助函数来使用 javascript 将数据对象转换为数组。这是我要转换的数据示例。

const DATA = {
  {
    title: 'Jun 23, 2021',
    data: [
      {
        messageSentTime: '6:32 PM',
        senderAvatar: 'okef8ia9fkil3drzxemy',
        senderMessage: 'FsvaevseVefwe'
      }
    ]
  },
  {
    title: 'Jun 23, 2021',
    data: [
      {
        messageSentTime: '6:32 PM',
        senderAvatar: 'okef8ia9fkil3drzxemy',
        senderMessage: 'FsvaevseVefwe'
      }
    ]
  },
}

这是我要更新数据的内容。

const DATA = [
  {
    title: 'Jun 23, 2021',
    data: [
      {
        messageSentTime: '6:32 PM',
        senderAvatar: 'okef8ia9fkil3drzxemy',
        senderMessage: 'FsvaevseVefwe'
      }
    ]
  },
  {
    title: 'Jun 23, 2021',
    data: [
      {
        messageSentTime: '6:32 PM',
        senderAvatar: 'okef8ia9fkil3drzxemy',
        senderMessage: 'FsvaevseVefwe'
      }
    ]
  },
]

这是我尝试转换的数据。

Object.keys(dateOfConversation).map(i => dateOfConversation[i])

我猜我需要使用reduce方法,但我不知道如何使用它。任何帮助将不胜感激。

【问题讨论】:

  • 您的示例无效 - javascript 引发错误。
  • Object.entries(DATA) - 当你有一个有效的对象开始时
  • 你写得很糟糕。对象的条目应该是键值对,但是在这里你有一个JS中不可能的数据结构。
  • 这能回答你的问题吗? Javascript- convert object to array
  • 对象无效,.entries() 或其他任何东西都不起作用。将代码粘贴到控制台中,您会看到错误。请添加正确的对象结构。

标签: javascript arrays reactjs react-native object


【解决方案1】:

您的对象示例是错误的。
在修复上述示例的同时,我将在这里竭尽全力并给出解决方案:

const DATA = {
  key1: {
    title: 'Jun 23, 2021',
    data: [
      {
        messageSentTime: '6:32 PM',
        senderAvatar: 'okef8ia9fkil3drzxemy',
        senderMessage: 'FsvaevseVefwe'
      }
    ]
  },
  key2: {
    title: 'Jun 23, 2021',
    data: [
      {
        messageSentTime: '6:32 PM',
        senderAvatar: 'okef8ia9fkil3drzxemy',
        senderMessage: 'FsvaevseVefwe'
      }
    ]
  },
}

// solution
const arr = Object.values(DATA);

console.log(arr);

【讨论】:

    猜你喜欢
    • 2016-12-13
    • 2012-12-06
    • 1970-01-01
    • 2018-03-19
    • 2014-07-20
    • 1970-01-01
    • 1970-01-01
    • 2012-06-03
    • 1970-01-01
    相关资源
    最近更新 更多