ホームページ >ウェブフロントエンド >jsチュートリアル >js console.log 印刷オブジェクトと配列の使用法_javascript スキルの詳細な説明
この記事の例では、オブジェクトと配列を出力する js console.log の使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
console.log とは何ですか? 実際には、PHP の print_r や var_dump と同じように、js の配列とオブジェクトを出力する関数です。 console.log 関数自体については特に言うことはありません。このブログではこの関数の使用方法について説明します。この関数について話す前に、JS 出力をチェックするために最も一般的に使用される関数はアラートだと思いますが、アラートは文字列または整数のみを再生できます
1. テストファイル test.html
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>console.log test</title> </head> <script type="text/javascript"> var testobj = { 'id': 1, 'content': 'test', 'firstname': function() { document.getElementById('firstname').value = "zhang"; }, 'lastname': function() { document.getElementById('lastname').value = "ying"; } }; <!-- 打印对像 --> console.log(testobj); </script> <body> <input type="text" id='firstname' name="firstname" value=''> <input type="text" id='lastname' name='lastname' value=''> </body> </html>
2. Chrome 開発ツールを使用して js オブジェクトを表示する
コンソールクローム
現在、Chrome 開発者ツールと Firebug を使用すると、それらは半分ずつになります。 Chrome 開発者ツールには、firebug にはない機能もあります。
以下に示すように、コンソールは js を実行できます。ページが iframe の場合、firebug は親上でのみ実行でき、Chrome は実行する内部のページを選択できます。
Chrome iframe コンソール
3. Firebug で js オブジェクトを表示する
ファイアバグコンソール
JavaScript 配列に関連するさらなるコンテンツに興味のある読者は、このサイトの特別トピック「JavaScript 配列操作スキルの概要」
をチェックしてください。この記事が JavaScript プログラミングのすべての人に役立つことを願っています。