ホームページ > 記事 > ウェブフロントエンド > js console.log 印刷オブジェクトと配列の使用法_javascript スキルの詳細な説明

js console.log 印刷オブジェクトと配列の使用法_javascript スキルの詳細な説明

WBOYオリジナル: 2016-05-16 15:18:571534ブラウズ

この記事の例では、オブジェクトと配列を出力する 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 オブジェクトを表示する