JavaScriptのクイックデバッグの二つのテクニック
直接に乾物に行く!💨
consolie.table展示データ
コンソール上に配列またはオブジェクトを展示し、consolie.tableを使用することは、consoline.logよりも直感的に明瞭である。
もちろん、どの列を展示するか指定できます。
デフォルトです。
注意⚠:シンタックスconsolie.table;
copyコピーデータ
Googleブラウザを使用する場合は、コントロールから出力されたデータをコピーする必要があります。copy()コマンドラインを使って、手動でハイライトを入れずに対応コードを選択してコピーできます。
注意⚠:copy命令はGoogleブラウザコンソール上でのみ有効となり、node.js環境では無効となります。
参照 developer.mozela.org/zh-CSN/docs/… dev.to/tawn 33 y/2-q… ここではJavaScriptのクイックデバッグ技術についての文章を紹介します。JavaScriptに関するクイックデバッグの内容は以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。
consolie.table展示データ
コンソール上に配列またはオブジェクトを展示し、consolie.tableを使用することは、consoline.logよりも直感的に明瞭である。
//
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
])
テーブルとして展示されています。友好が多いです。もちろん、どの列を展示するか指定できます。
//
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
], ['firstName', 'lastName'])
上にfirstNameとlastNameの二列を示すように指定しました。もちろん、(index)デフォルトです。
注意⚠:シンタックスconsolie.table;
copyコピーデータ
Googleブラウザを使用する場合は、コントロールから出力されたデータをコピーする必要があります。copy()コマンドラインを使って、手動でハイライトを入れずに対応コードを選択してコピーできます。
const data = [2, 3, 4];
copy(data);
上のコードを実行すると、データ値が貼り付け板にコピーされます。任意のドキュメントに貼り付けることができます。注意⚠:copy命令はGoogleブラウザコンソール上でのみ有効となり、node.js環境では無効となります。
参照