Question

我正在使用服务将我的表单数据加载到angular2应用中的数组中。数据存储如下：

arr = []
arr.push({title:name})

当我执行console.log(arr)时，它显示为对象。我需要的是看到它为[ { 'title':name } ]。我怎样才能做到这一点？

Answer 1

你可以在下面使用，

  JSON.stringify({ data: arr}, null, 4);

这样可以很好地使用缩进格式化数据。

希望这会有所帮助!!

Answer 2

打印出可读信息。您可以使用比JSON更容易阅读的console.table()：

console.table(data);

此函数接受一个必需参数数据，该数据必须是数组或对象，以及一个额外的可选参数列。

它将数据记录为表格。数组中的每个元素（如果数据是对象，则为enumerable属性）将是表中的一行

实施例：

Answer 3

首先使用.parse()方法将JSON字符串转换为Object，然后使用console.table('parsed sring goes here')在控制台中将其打印。

例如

const data = JSON.parse(jsonString);
console.table(data);

Answer 4

请尝试在 HTML 文件中使用 JSON 管道运算符。由于 JSON 信息仅用于调试目的，因此此方法适合我。示例如下：

<p>{{arr | json}}</p>

Answer 5

您可以单独记录数组的每个元素

arr.forEach(function(e){console.log(e)});

由于您的数组只有一个元素，因此与记录{'title':name}

相同

Answer 6

你可以打印任何对象

console.log(this.anyObject);

当你写

console.log('any object' + this.anyObject);

这将打印

any object [object Object]