Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将单个对象转换为对象数组?_Javascript_Firebase - Fatal编程技术网

Javascript 如何将单个对象转换为对象数组?

Javascript 如何将单个对象转换为对象数组?,javascript,firebase,Javascript,Firebase,我正在从Firebase数据库中检索书籍列表,其中每个“书籍”都是一个对象 书籍的有效载荷,是一个单一的对象: 我需要将这个整体对象更改为一个对象数组,这样我就可以映射每个对象并提取所需的值 我需要的预期数组: 我尝试过使用Object.entries(myObject)和Object.values(myObject),但这只是返回有关对象的乱码元数据 我尝试了堆栈溢出的其他答案,例如: var array = Object.entries(data).map(([phrase, dat

我正在从Firebase数据库中检索书籍列表,其中每个“书籍”都是一个对象

书籍的有效载荷,是一个单一的对象:

我需要将这个整体对象更改为一个对象数组,这样我就可以映射每个对象并提取所需的值

我需要的预期数组:

我尝试过使用
Object.entries(myObject)
Object.values(myObject)
,但这只是返回有关对象的乱码元数据

我尝试了堆栈溢出的其他答案,例如:

    var array = Object.entries(data).map(([phrase, date]) => ({phrase,date}));
但这不起作用


我最初认为这应该是一个简单而常见的问题,但在对stack overflow和google进行了几天的梳理之后,我没有遇到类似的问题和解决方案。

像这样的任何对象中都必须有一些键(我编辑了它们):

如果是这样,则可以使用
Object.valus()
作为:

const books =  { 
      "Harry Potter": {
          "BookInfo": { 
               "Pages": 500,
               "Author": "JK Rowling"
           },
          "SaleInfo": "For Sale"
      },
     "A Clockwork Orange": {
           "BookInfo": { 
               "Pages": 200,
               "Author": "Anthony Burgess"
           },
          "SaleInfo": "For Sale"
      }
     ...
    }
const booksMapped = Object.keys(books).map(bookName => {
  return {
    bookName,
    ...books[bookName]
  }
})

console.log(booksMapped)
/*
[
  {
    "bookName": "Harry Potter",
    "BookInfo": {
      "Pages": 500,
      "Author": "JK Rowling"
    },
    "SaleInfo": "For Sale"
  },
  {
    "bookName": "A Clockwork Orange",
    "BookInfo": {
      "Pages": 200,
      "Author": "Anthony Burgess"
    },
    "SaleInfo": "For Sale"
  }
]
*/
基本上,
Object.keys()
将为您提供一个数组,其中包含给定对象的每个键,然后您可以在其上链接任何数组方法 如: 地图 减少 forEach 过滤器 查找


像这样的任何对象中都必须有一些键(我编辑了它们):

如果是这样,则可以使用
Object.valus()
作为:

const books =  { 
      "Harry Potter": {
          "BookInfo": { 
               "Pages": 500,
               "Author": "JK Rowling"
           },
          "SaleInfo": "For Sale"
      },
     "A Clockwork Orange": {
           "BookInfo": { 
               "Pages": 200,
               "Author": "Anthony Burgess"
           },
          "SaleInfo": "For Sale"
      }
     ...
    }
const booksMapped = Object.keys(books).map(bookName => {
  return {
    bookName,
    ...books[bookName]
  }
})

console.log(booksMapped)
/*
[
  {
    "bookName": "Harry Potter",
    "BookInfo": {
      "Pages": 500,
      "Author": "JK Rowling"
    },
    "SaleInfo": "For Sale"
  },
  {
    "bookName": "A Clockwork Orange",
    "BookInfo": {
      "Pages": 200,
      "Author": "Anthony Burgess"
    },
    "SaleInfo": "For Sale"
  }
]
*/
基本上,
Object.keys()
将为您提供一个数组,其中包含给定对象的每个键,然后您可以在其上链接任何数组方法 如: 地图 减少 forEach 过滤器 查找

您可以使用对象的名称来获取对象数组:

const输入={
《哈利波特》:{
图书信息:{第500页,作者:“JK罗琳”},
SaleInfo:“待售”,
},
“发条橙”:{
图书信息:{Pages:200,作者:“Anthony Burgess”},
SaleInfo:“待售”,
}
};
const output=Object.entries(input.map)([title,value])=>({
标题
作者:value.BookInfo.author
}))
console.log(输出)
您可以使用对象的

const输入={
《哈利波特》:{
图书信息:{第500页,作者:“JK罗琳”},
SaleInfo:“待售”,
},
“发条橙”:{
图书信息:{Pages:200,作者:“Anthony Burgess”},
SaleInfo:“待售”,
}
};
const output=Object.entries(input.map)([title,value])=>({
标题
作者:value.BookInfo.author
}))

console.log(输出)
最优雅的解决方案是使用flatMap():

结果: [ {书名:“一本好书”,作者:“一个人”},
{标题:'另一本好书',作者:'另一个人'} ]

另外,在这种情况下,我们可以使用map得出相同的结果:

const result = Object.keys(sorce).map(key => sorce[key]);

最优雅的解决方案是使用flatMap():

结果: [ {书名:“一本好书”,作者:“一个人”},
{标题:'另一本好书',作者:'另一个人'} ]

另外,在这种情况下,我们可以使用map得出相同的结果:

const result = Object.keys(sorce).map(key => sorce[key]);

您的第一个代码段不包含有效的对象文字语法。你的物体看起来怎么样?没有键的对象不是真正的对象。如果数据是JSON对象,则使用jacksons对象映射器@Bergi是正确的,没有键就无法创建对象,在您的情况下,它可能会像这样
{'0':{},'1':{}
All-我已经更新了对象语法,以更紧密地反映我的对象的外观。本例中的“关键”实际上是书名@Bergi@jmedransnapshot paylod绝不是一个普通的数据对象,它是一个
snapshot
实例!“您可以使用
.val()
方法检索快照中的数据。”。您的第一个代码段不包含有效的对象文字语法。你的物体看起来怎么样?没有键的对象不是真正的对象。如果数据是JSON对象,则使用jacksons对象映射器@Bergi是正确的,没有键就无法创建对象,在您的情况下,它可能会像这样
{'0':{},'1':{}
All-我已经更新了对象语法,以更紧密地反映我的对象的外观。本例中的“关键”实际上是书名@Bergi@jmedransnapshot paylod绝不是一个普通的数据对象,它是一个
snapshot
实例!“您可以使用
.val()
方法检索快照中的数据。”。
let person {
  name: "John Doe",
  age: 18
}

Object.keys(person) // => ["name", "age"]
Object.values(person) // => ["John Doe", 18]
const sorce = { 
      key1: { 
       "title": "A Good Book",
       "author": "A Person"
      },
      key2: {
       "title": "Another Good Book",
       "author": "Another person"
      }
    };

const result = Object.keys(sorce).flatMap(key => sorce[key]);
console.log(result);
const result = Object.keys(sorce).map(key => sorce[key]);