为什么在其他对象中散布对象时,浏览器中的输出与节点中的输出不同?

马里奥

当我运行此代码时,浏览器中的结果与节点中的结果不同

const users = [
  {
    id: 1,
    name: "ada",
    surname: "wong",
    games: [
      { id: 1, name: "g1" },
      { id: 2, name: "g2" },
    ],
  },
  {
    id: 2,
    name: "leon",
    surname: "kennedy",
    games: [{ id: 2, name: "g2" }],
  },
];

const output = users.map((user) => ({ ...user }));

console.log(output);

在浏览器中,我可以看到预期的结果

[
  {
    "id": 1,
    "name": "ada",
    "surname": "wong",
    "games": [
      {
        "id": 1,
        "name": "g1"
      },
      {
        "id": 2,
        "name": "g2"
      }
    ]
  },
  {
    "id": 2,
    "name": "leon",
    "surname": "kennedy",
    "games": [
      {
        "id": 2,
        "name": "g2"
      }
    ]
  }
]

但是当我用节点运行它时,我得到这个结果

$node app.js

输出

[
  {
    id: 1,
    name: 'ada',
    surname: 'wong',
    games: [ [Object], [Object] ]
  },
  { id: 2, name: 'leon', surname: 'kennedy', games: [ [Object] ] }
]

我尝试[ [Object], [Object] ]通过以下方式纠正节点中的此行为,但是尝试所有这些操作后,它们都返回相同的结果

const output = users.map((user) => ({ ...user, games: user.games }));
const output = users.map((user) => ({ ...user, games: [...user.games] }));
const output = users.map((user) => ({
  ...user,
  games: user.games.map(({ id, name }) => ({ id, name })),
}));

为什么在浏览器中与在节点中相比,在另一个对象中进行销毁的对象的输出不同?如何在节点中修复?

拉菲

这是关于浏览器和终端上的字符串和对象的,最初,浏览器将所有内容都转换为字符串,或者如果您想深度登录nodejs,则可以将其转换为日志中的对象,您可以同时使用两种方式

第一路

// more compact, and colour can be applied (better for process managers logging)
console.dir(queryArgs, { depth: null, colors: true });

第二种方式

// get a clear list of actual values
console.log(JSON.stringify(queryArgs, undefined, 2)); 

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么在某些浏览器中显示图标,而在其他浏览器中却不显示

来自分类Dev

为什么浏览器中没有输出?

来自分类Dev

为什么浏览器中没有输出?

来自分类Dev

为什么CORS请求在Microsoft Edge中失败但在其他浏览器中可以工作?

来自分类Dev

为什么[CSS功能]在[浏览器]中不起作用,但在其他浏览器中又起作用呢?

来自分类Dev

为什么我的CSS3动画在Google Chrome浏览器中不流畅(但在其他浏览器上却不流畅)?

来自分类Dev

在其他浏览器中打开链接

来自分类Dev

提供链接以在其他浏览器中打开

来自分类Dev

在其他浏览器中打开页面时,令牌未保存在$ window.sessionStorage中

来自分类Dev

应用程序浏览器中的Ionic在其他浏览器中打开URL

来自分类Dev

Web浏览器中的Bash输出

来自分类Dev

为什么网站 CSS 在浏览器中显示不同

来自分类Dev

是否可以在其他浏览器中打开铬中的链接?

来自分类Dev

Javascript仅在Firefox中运行,在其他浏览器中运行良好

来自分类Dev

计算器在其他浏览器中不起作用

来自分类Dev

如何从桌面启动在其他浏览器(而不是标准浏览器)中启动的特定书签?

来自分类Dev

为什么我允许“直接访问”对象的受保护字段,该对象的类在其他包中定义?

来自分类Dev

为什么与其他所有浏览器一样,我在Chrome中的利润率看起来有所不同

来自分类Dev

为什么与其他所有浏览器一样,我在Chrome中的利润率看起来有所不同

来自分类Dev

Python在其他对象中的集成

来自分类Dev

Internet Explorer缓存Ajax ...在其他浏览器中工作正常

来自分类Dev

已安装的Moodle字体在其他浏览器中不起作用

来自分类Dev

我想让我的项目在其他浏览器中运行

来自分类Dev

为什么Firefox解释100%缩放与其他浏览器不同?

来自分类Dev

为什么div中的文本在浏览器中显示在其外部?

来自分类Dev

为什么此Jquery代码在IE上不起作用?(在其他浏览器上完美运行)

来自分类Dev

在继承中强制转换对象,为什么要输出?

来自分类Dev

从埋在其他节点中的数组中获取特定节点

来自分类Dev

在Firebase中的不同节点中写入多个对象

Related 相关文章

  1. 1

    为什么在某些浏览器中显示图标,而在其他浏览器中却不显示

  2. 2

    为什么浏览器中没有输出?

  3. 3

    为什么浏览器中没有输出?

  4. 4

    为什么CORS请求在Microsoft Edge中失败但在其他浏览器中可以工作?

  5. 5

    为什么[CSS功能]在[浏览器]中不起作用,但在其他浏览器中又起作用呢?

  6. 6

    为什么我的CSS3动画在Google Chrome浏览器中不流畅(但在其他浏览器上却不流畅)?

  7. 7

    在其他浏览器中打开链接

  8. 8

    提供链接以在其他浏览器中打开

  9. 9

    在其他浏览器中打开页面时,令牌未保存在$ window.sessionStorage中

  10. 10

    应用程序浏览器中的Ionic在其他浏览器中打开URL

  11. 11

    Web浏览器中的Bash输出

  12. 12

    为什么网站 CSS 在浏览器中显示不同

  13. 13

    是否可以在其他浏览器中打开铬中的链接?

  14. 14

    Javascript仅在Firefox中运行,在其他浏览器中运行良好

  15. 15

    计算器在其他浏览器中不起作用

  16. 16

    如何从桌面启动在其他浏览器(而不是标准浏览器)中启动的特定书签?

  17. 17

    为什么我允许“直接访问”对象的受保护字段,该对象的类在其他包中定义?

  18. 18

    为什么与其他所有浏览器一样,我在Chrome中的利润率看起来有所不同

  19. 19

    为什么与其他所有浏览器一样,我在Chrome中的利润率看起来有所不同

  20. 20

    Python在其他对象中的集成

  21. 21

    Internet Explorer缓存Ajax ...在其他浏览器中工作正常

  22. 22

    已安装的Moodle字体在其他浏览器中不起作用

  23. 23

    我想让我的项目在其他浏览器中运行

  24. 24

    为什么Firefox解释100%缩放与其他浏览器不同?

  25. 25

    为什么div中的文本在浏览器中显示在其外部?

  26. 26

    为什么此Jquery代码在IE上不起作用?(在其他浏览器上完美运行)

  27. 27

    在继承中强制转换对象,为什么要输出?

  28. 28

    从埋在其他节点中的数组中获取特定节点

  29. 29

    在Firebase中的不同节点中写入多个对象

热门标签

归档