Please Enable JavaScript!
Gon[ Enable JavaScript ]

자바스크립트 Javascript 콘솔 출력 console.log() 함수 사용하기

카테고리 없음
반응형

 console.log() 함수는 자바스크립트에서 사용하는 함수로, 콘솔에 메시지를 출력할 때 사용합니다. console.log() 함수는 디버깅, 정보 출력, 오류 메시지 출력 등 다양한 상황에서 사용됩니다. 개발 중인 코드를 이해하고 문제를 해결하는 데 매우 유용한 도구입니다.

 

 

 

1. console.log() 함수 구문

 

console.log() 함수는 하나 이상의 값(value1, value2, ..., valueN)을 받아서 콘솔에 출력합니다. 이 함수는 웹 브라우저 또는 Node.js와 같은 환경에서 사용합니다.

 

console.log(value1, value2, ..., valueN)
l  value1, value2, ..., valueN (필수): 콘솔에 출력할 값 또는 변수입니다. 이러한 값은 쉼표로 구분합니다.

 

 

2. 사용 예제

 

(1) 간단한 문자열 출력

 

단순한 문자열을 콘솔에 출력하는 방법을 보여주는 예제입니다.

 

console.log("안녕, 세계!");
// "안녕, 세계!"라는 문자열을 콘솔에 출력합니다.
 
[출력]
"안녕, 세계!"

  

(2) 변수 값 출력

 

예제는 변수 nameage의 값을 문자열과 함께 콘솔에 출력하는 방법을 보여줍니다.

 

const name = "Alice";
const age = 30;
console.log("이름:", name, "나이:", age);
// "이름: Alice 나이: 30"이라는 문자열을 콘솔에 출력합니다.
 
[출력]
"이름: Alice 나이: 30"

 

 

(3) 변수 및 표현식 값 출력

 

예제는 변수 xy의 값을 출력하고, 두 변수를 더한 결과도 출력하는 방법을 보여줍니다.

 

const x = 10;
const y = 5;
console.log("x:", x, "y:", y, "x + y:", x + y);
// "x: 10 y: 5 x + y: 15"이라는 문자열을 콘솔에 출력합니다.
 
[출력]
"x: 10 y: 5 x + y: 15"

 

 

(4) 객체 및 배열 출력

 

예제는 객체와 배열을 콘솔에 출력하는 방법을 보여줍니다. 객체와 배열의 내용이 보기 좋게 포맷팅되어 출력됩니다.

 

const person = { name: "Bob", age: 25 };
const colors = ["빨강", "녹색", "파랑"];
console.log("사용자 정보:", person, "색깔 목록:", colors);
 
[출력]
사용자 정보: {name: 'Bob', age: 25} 색깔 목록: (3) ['빨강', '녹색', '파랑']

 

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다.
자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법
자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법
자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2
자바스크립트 display 속성 이용해서 접거나 펴는 방법
자바스크립트 내장함수 eval() 문자열 수식으로 바꾸는 방법
반응형
Posted by 녹두장군1
,