JavaScriptのJSON.stringfy()でNode.jsの配列をデバッグして確認する方法

2017年8月23日

先日、【質問】Node.js でデバッグをする方法を教えてくださいという記事を書きました。そのとき自分のお友達が、2つ解決方法を教えてくださいました。

Node.jsを0.10系から6.11系にバージョッバップする
JavaScriptに標準ビルトインされているオブジェクトのメソッドであるJSON.stringfy()を用いる

今回の記事では後者のJSON.stringfy()を使って、ドットインストールの「Node.js入門」で使われているコードを引用し、その中でデバッグ作業をしてみます。

デバッグの対象となるコードと配列変数

デバッグの対象となるのは、以下のsettings.jsにある”query”という配列です。その中身を確かめてみたいと考えています。

[php]
var http = require(‘http’),
(変数の定義をいろいろ)
var posts = [];

function renderForm(posts, res) {
　　　　var data = ejs.render(template, {
　　　　(関数の内容をいろいろ)
　　　　posts: posts
});

}

server.on(‘request’, function(req, res) {
　　　　if (req.method === ‘POST’) {
　　　　　　　　req.data = "";
　　　　　　　　req.on("readable", function() {
　　　　　　　　req.data += req.read();
　　　　});
　　　　req.on("end", function() {
　　　　　　　　var query = qs.parse(req.data);
　　　　　　　　// console.log(JSON.stringify(query));
　　　　　　　　posts.push(query.name);
　　　　　　　　renderForm(posts, res);
　　　　　　　　console.log(JSON.stringify(query));
　　　　});
　　　} else {
　　　　　　　　renderForm(posts, res);
　　　}
});

server.listen(settings.port, settings.host);
// console.log(JSON.stringify(query));
console.log("server listening …");
[/php]

下記は投稿した文字列をブラウザで表示し、かつデバッグしたときの様子を示した画像です。ターミナルの画面で投稿した文字列の内容を確認することができます。