js console.log 印刷オブジェクトと配列の使用方法の詳細な説明-jsチュートリアル-php.cn

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

高洛峰

リリース： 2017-02-03 14:42:05

オリジナル

1227 人が閲覧しました

この記事の例では、オブジェクトと配列を出力する js console.log の使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

console.log とは何ですか? これは実際には、PHP の print_r や var_dump と同じように、js の配列とオブジェクトを出力するための単なる関数です。 console.log 関数自体については特に言うことはありません。このブログではこの関数の使用方法について説明します。この関数について話す前に、js の出力を表示するために皆さんが最もよく使うのは alert だと思いますが、alert は string または int しか再生できません 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 =
  {
    &#39;id&#39;: 1,
    &#39;content&#39;: &#39;test&#39;,
    &#39;firstname&#39;: function() {
      document.getElementById(&#39;firstname&#39;).value = "zhang";
    },
    &#39;lastname&#39;: function() {
      document.getElementById(&#39;lastname&#39;).value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id=&#39;firstname&#39; name="firstname" value=&#39;&#39;>
   <input type="text" id=&#39;lastname&#39; name=&#39;lastname&#39; value=&#39;&#39;>
</body>
</html>

ログイン後にコピー

2. js を表示するための Chrome 開発ツールたとえば

js console.log打印对像与数组用法详解コンソールクローム