집 > 기사 > 웹 프론트엔드 > 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 개체 보기

콘솔 크롬

이제 크롬 개발자 도구와 파이어버그를 사용하면 반반이 됩니다. Chrome 개발자 도구에는 Firebug에 없는 기능도 있습니다.

페이지가 iframe인 경우 콘솔은 js를 실행할 수 있으며, Firebug는 아래와 같이 상위 페이지에서만 실행할 수 있으며 Chrome은 실행할 내부 페이지를 선택할 수 있습니다

크롬 iframe 콘솔

3. Firebug에서 js 객체 보기

방화범 콘솔

JavaScript 배열과 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "JavaScript 배열 작업 기술 요약"

을 확인할 수 있습니다.

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명：

이전 기사：Jquery_jquery에서 Ajax의 beforeSend 메소드를 현명하게 사용다음 기사：Jquery_jquery에서 Ajax의 beforeSend 메소드를 현명하게 사용

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

관련 기사