[javascript] 자바스크립트 console.log 사용 방법 (로그 찍기)

참고: https://www.geeksforgeeks.org/javascript-console-log-with-examples/

console.log()는 이미 정의된 모든 종류의 변수를 출력하거나 사용자에게 표시되어야 하는 메시지를 출력하는데 사용되는 javascript 함수 입니다.

문법:

console.log(A);

매개변수: 배열, 객체 또는 모든 메시지가 될 수 있는 것들을 허용합니다.
반환값: 주어진 매개변수의 값을 반환합니다.

1. 숫자를 인수로 전달

숫자가 console.log() 함수에 전달되면 함수가 이를 표시합니다.

<script>
  var a = 2;
  console.log(a);
</script>

결과:

2. 문자열을 인수로 전달

문자열이 함수 console.log()에 전달되면 함수가 이를 표시합니다.

<script>
  var str = "TEST";
  console.log(str);
</script>

결과:

3. 문자를 인수로 전달

문자를 console.log() 함수에 전달하면 함수가 이를 표시합니다.

<script>
  var ch = '2';
  console.log(ch);
</script>

결과:

4. 메시지를 인수로 전달

변수가 아닌 문자열 리터럴을 바로 console.log() 함수의 매개변수로 전달하면 함수는 주어진 메시지를 표시합니다.

<script>
  console.log("TEST");
</script>

결과:

5. 함수를 인수로 전달

함수를 console.log() 함수에 전달하면 이는 전달된 function()의 값을 표시합니다.

<script>
  function func() { return (5 * 19); }
  console.log(func());
</script>

결과:

6. 메시지와 함께 숫자를 인수로 전달

숫자가 console.log() 함수에 전달되면 함수는 주어진 메시지와 함께 숫자를 표시합니다.

<script>
  var a = 2;
  console.log("The value of a is " + a);
</script>

결과:

7. 메시지와 함께 문자열을 인수로 전달

문자열이 console.log() 함수에 전달되면 함수는 주어진 메시지와 함께 문자열을 표시합니다.

<script>
  var str = "TEST";
  console.log("The value of str is " + str);
</script>

결과:

8. 메시지와 함께 문자를 인수로 전달

문자가 console.log() 함수에 전달되면 함수는 주어진 메시지와 함께 문자를 표시합니다.

<script>
  var ch = '2';
  console.log("The value of ch is " + ch);
</script>

결과:

지원되는 브라우저:

• Chrome 1 이상
• Edge 12 이상
• Firefox 4 이상
• Internet Explorer 8 이상
• Opera 10.5 이상
• Safari 3 이상

관련 글

자바스크립트 console.trace 사용 방법

자바스크립트 console.table 사용 방법

자바스크립트 console.time 실행 시간 계산