如何將對象作為 JSON 打印到 Angular2 中的控制台？

Question

我正在使用一項服務將我的表單數據加載到我的 angular2 應用程序中的數組中。 數據存儲如下：

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

當我執行console.log(arr) ，它顯示為 Object。 我需要的是將其視為[ { 'title':name } ] 。 我怎樣才能做到這一點？

Answer 1

你可以在下面使用，

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

這將使用縮進很好地格式化您的數據。

Answer 2

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

console.table(data);

該函數采用一個強制參數數據，它必須是一個數組或一個對象，以及一個額外的可選參數列。

它將數據記錄為表格。 數組中的每個元素（如果數據是對象，則為可枚舉屬性）將是表中的一行

示例：

Answer 3

首先使用.parse()方法將您的 JSON 字符串轉換為 Object，然后您可以使用console.table('parsed sring goes here')在控制台中打印它。

例如

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

Answer 4

請嘗試在 HTML 文件中使用 JSON Pipe 運算符。 由於 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]