JavaScript - console.log()로 변수 출력, 디버깅 방법

Javascript에서 console.log()를 사용하여 변수의 값을 출력하면서 디버깅을 할 수 있습니다. console.log()의 기본적인 사용 방법에 대해서 소개합니다.

1. console.log() 사용 방법

console.log()는 인자로 message를 전달합니다. message는 문자열, number가 될 수 있고, object나 array가 될 수도 있습니다.

console.log(message)

2. console.log()로 숫자 확인

아래와 같이 Number를 인자로 전달하면 변수의 값이 출력됩니다.

let val = 10;

console.log(val);

javascript console.log()

3. console.log()로 string, array, object 확인

string, array, object 등의 변수도 console.log()의 인자로 전달 시 변수의 값이 출력됩니다.

let val = "a";
console.log(val);

let arr = [1, 2, 3, 4, 5];
console.log(arr);

let obj = { 1: 'a', 2: 'b' };
console.log(obj);

javascript console.log()

4. console.log()로 함수 실행 결과 확인

함수를 인자로 전달하면, 함수가 호출되면서 실행 결과가 출력됩니다.

function func() {
  return 10 * 10;
}

console.log(func());

Output:

100

5. 문자열 조합하여 console.log()로 변수 확인

아래와 같이 문자열과 변수를 조합하여 출력할 수도 있습니다.

let myName = "Jone Doe";

console.log("My name is " + myName);

Output:

My name is Jone Doe
Loading script...
codechachaCopyright ©2019 codechacha