집 > 기사 > 웹 프론트엔드 > js console.log 인쇄 개체 및 배열 사용법에 대한 자세한 설명

js console.log 인쇄 개체 및 배열 사용법에 대한 자세한 설명

高洛峰원래의: 2017-02-03 14:42:051206검색

이 기사의 예에서는 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 개체

js console.log打印对像与数组用法详解