[JavaScript] 형식 문자 (문자열 치환 사용)

JavaScript의 형식 문자 (문자열 치환)

출력될 문자열에 포함하여 변수로 치환할 수 있는 특수 문자이다.
log()처럼 문자열을 받는 console Method에 사용할 수 있다. 중복 사용이 불가하며, 짝을 맞춰 사용해야 한다.

형식 문자	설명
%d or %i	모든 종류의 숫자, 논리값
%s	문자열 사실상 만능으로 사용 가능
%o	객체 false는 0, true는 0 이외의 모든 수 (보통 1)
%j	JSON
%f	부동 소수점 수

* 부동 소수점 수 참고: http://www.tcpschool.com/cpp/cpp_datatype_floatingPointNumber

 

1. %d = 숫자 및 논리 값

/**데이터 타입 */
const num = 123;
const str = "hello";
const bool = true;
const obj = new Date();
const arr = [1,2,3];
const json = {"a":123, "b":234};

/** %d 숫자 및 논리값*/
console.group("숫자값 출력하기");
console.log("숫자값 출력하기=%d", num); // 123
console.log("숫자값 출력하기=%d", str); // NaN
console.log("숫자값 출력하기=%d", true); // 1
console.log("숫자값 출력하기=%d", obj); //객체에 대한 Hash값 출력 // 1650531201214
console.log("숫자값 출력하기=%d", arr); // NaN
console.log("숫자값 출력하기=%d", json); // NaN
console.groupEnd();

2. %s = 문자열

/**데이터 타입 */
const num = 123;
const str = "hello";
const bool = true;
const obj = new Date();
const arr = [1,2,3];
const json = {"a":123, "b":234};

/** %s 문자열 */
console.group("문자열 출력하기");
console.log("숫자값 출력하기=%s", num); // 123
console.log("숫자값 출력하기=%s", str); // hello
console.log("숫자값 출력하기=%s", true); // true
console.log("숫자값 출력하기=%s", obj); // 2022-04-21T08:54:40.300Z
console.log("숫자값 출력하기=%s", arr); // [ 1, 2, 3 ]
console.log("숫자값 출력하기=%s", json); // { a: 123, b: 234 }
console.groupEnd();

3. %o 객체

/**데이터 타입 */
const num = 123;
const str = "hello";
const bool = true;
const obj = new Date();
const arr = [1,2,3];
const json = {"a":123, "b":234};

/** %o 객체 */
console.group("객체 출력하기");
console.log("숫자값 출력하기=%o", num); // 123
console.log("숫자값 출력하기=%o", str); // 'hello'
console.log("숫자값 출력하기=%o", true); // true
console.log("숫자값 출력하기=%o", obj); // 2022-04-21T08:54:40.300Z
console.log("숫자값 출력하기=%o", arr); // [ 1, 2, 3, [length]: 3 ]
console.log("숫자값 출력하기=%o", json); // { a: 123, b: 234 }
console.groupEnd();

4. %j = JSON

/**데이터 타입 */
const num = 123;
const str = "hello";
const bool = true;
const obj = new Date();
const arr = [1,2,3];
const json = {"a":123, "b":234};

/** %j JSON */
console.group("JSON 출력하기");
console.log("숫자값 출력하기=%j", num); // 123
console.log("숫자값 출력하기=%j", str); // "hello"
console.log("숫자값 출력하기=%j", true); // true
console.log("숫자값 출력하기=%j", obj); // "2022-04-21T08:54:40.300Z"
console.log("숫자값 출력하기=%j", arr); // [1,2,3]
console.log("숫자값 출력하기=%j", json); // {"a":123,"b":234}
console.groupEnd();

복합 사용

해당하는 데이터 타입과 맞는 형식 문자를 사용해야 한다.

const name = "홍길동";
const age = "20";

console.log("%s님의 나이는 %d세입니다.", name, age);
// 홍길동님의 나이는 20세입니다.