[JavaScript] 자바스크립트 기초 4. 자료형 활용 (number, string, boolean, typeof)

1. 숫자형과 연산

console.log(7 % 3); // 나머지
 
console.log(7 + 3); // 덧셈

console.log(7 - 3); // 뺄셈

console.log(7 * 3); // 곱셈

console.log(7 ** 3); // 거듭제곱

console.log(7 / 3); // 몫

console.log(7 + 3 * 2); // 사칙연산의 우선순위를 기반으로 계산됨

console.log((7 + 3) * 2); /

console.log(11 + 3 * 4); // 23
console.log(25 / 5 + 15 % 4);  // 8
console.log(33 - 5 ** 2); // 8
console.log((3 + 27) * 12 ** (5 % 3)); // 4320 - 거듭제곱이 곱셈보다 우선순위가 높음

2. 문자열

console.log('string');
console.log("string");

console.log("I'm a student.");
console.log('I\'m a student.');

console.log(`I'm a student.`);

 어떤 따옴표를 사용해도 상관 없으나 같은 따옴표로 열고 닫아야 한다

 

문자열 내부에 포함시키고 싶은 따옴표로 열고 닫으면 오류가 발생하므로

문자열 내부에 포함할 따옴표와 다른 따옴표로 열고 닫거나

문자열 내부에 포함할 따옴표 앞에 \ 을 작성해주면 된다

 

개행을 문자열에 포함하고 싶다면 \n 을 작성하면 된다

 

7번 행의 코드처럼 ` 의 기호 (키보드 1 옆) 로 따옴표를 대체하면

따옴표와 역슬래시를 사용하지 않고 편하게 작성할 수 있다

 

문자열도 덧셈이 가능하다 (두 문장을 연결해주는 역할)

 

3. 불 대수와 불린형

블 대수의 값은 진리값으로 true, false 만 가능하며

자바스크립트에서 불린의 두 값은 모두 소문자이다

 

AND OR NOT 세 가지 연산만 가능하다

AND 연산자는 &&

OR 연산자는 ||

NOT 연산자는 ! (중첩도 가능하다)

참과 거짓을 명확하게 판단할 수 있을 때만 명제로 여기고 연산이 가능하다

 

let x = 3;
console.log(x > 4 || !(x > 2));
console.log(false);


/*
출력 결과
false
false
*/

4. typeof 연산자

내가 지금 사용하는 값의 자료형을 알려주는 연산자

console.log(101); // 101
console.log(typeof 101); // number

출력되는 값은 자료형의 종류 

즉, number, string, boolean, function, NaN(not a number) 일 것이다

(자바스크립트는 소수와 정수를 구분하지 않고 number로 인식)

 

console.log(typeof 'hello' + 'world'); 
// stringworld

console.log(typeof 8 -3 );
// NaN

연산 기호보다 typeof 연산자의 연산 우선순위가 더 높아서

typeof 'hello' 의 결과인 string 과 'world'가 문자열 연산된다

 

typeof 8은 number 라는 문자열 결과를 출력하지만 

- 3 은 number의 연산이므로 숫자가 아닌 값 NaN이 출력된다

 

다른 연산과 함께 사용할 때는 연산의 우선순위를 함께 고려해야하며

괄호를 사용하여 원하는 값을 출력할 수 있다

 

// 연산자 우선순위에 기반하여 연산하는 과정
typeof (6 * 2 === 11 || 13 - 7 < 7 && !true);

typeof (6 * 2 === 11 || 13 - 7 < 7 && false);

typeof (12 === 11 || 6 < 7 && false);

typeof (false || true && false);

typeof (false || false);

typeof false;