[Javascript] 자바스크립트 기본 알고 시작하기2

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요

---

데이터 타입

숫자형

// 나머지 값
console.log(7 % 3);  // 1

// 거듭제곱
console.log(2 ** 3);  // 2x2x2 = 8

// 사칙연산
console.log(2 + 3 * 2);  // 8
console.log((2 + 3) * 2);  // 10

문자열

console.log(7);
console.log(3.14);
console.log('작은 따옴표 문자열');
console.log("큰 따옴표 문자열");

console.log('I'm fine');  //따옴표 오류
console.log("I'm fine");  //따옴표 변경

console.log("He said "I'm fine" ");  //따옴표 오류
console.log("He said **\\**"I'm fine**\\**" ");  //역슬래시 사용

console.log(**`**"He said "I'm fine"**`**)  //백팁 사용

console.log('안녕' + '반가워');   // 안녕반가워 출력
console.log('3' + '5');           // 35 출력

할당 연산자 assignment operators

let x = 5;

x = x - 2; 
//오른쪽의 x연산자를 왼쪽의 x에 할당했다. 지정했다. 대입했다.
//1. 할당연산자의 오른쪽 값을 먼저 계산한다. x = 5 - 2;

복합 할당 연산자 compound assignment operators

x = x * 2; 
x *= 2;

x = x / 3;
x /= 3;

동등 연산자 ==

console.log(2 > 1);   //true
console.log(3 >= 1);  //true  //등호는 부등호 뒤에 작성

일치 비교 연산자 ===

console.log(3 === 3); //true  //값이 일치한다
console.log(3 !== 3); //false //값이 불일치한다.

논리 연산자

// and연산자
console.log(true && false);  //false

// or연산자
console.log(true || false);  //true

// not연산자
console.log( !true );        //false

증감 연산자

//변수의 값을 1씩 증가, 감소 시킬 때 복합 할당 연산자보다 간단하게 사용
x = x + 1;
x += 1;
x ++;

x = x - 1;
x -= 1;
x --;

삼항연산자

let result = true ? 1 : 2;

불린형 Boolean

• 명제 : 참과 거짓이 확실한 문장
• 진리값 : TRUE, FALSE
• 연산 : AND, OR, NOT

'TRUE' AND 'TRUE' // TRUE
'TRUE' AND 'FALSE' // FALSE
'FALSE' AND 'TRUE' // FALSE
'FALSE' AND 'FALSE' // FALSE

'TRUE' OR 'TRUE' // TRUE
'TRUE' OR 'FALSE' // TRUE
'FALSE' OR 'TRUE' // TRUE
'FALSE' OR 'FALSE' // FALSE

NOT 'TRUE'  //FALSE
NOT 'FALSE' //TURE

null 과 undefined
null 의도적으로 표현할 때, 사용하는 값
undefined 값이 없다는 것을 확인하는 값

템플릿 문자열 template strings
백팁 ( )안에 ${} 를 사용한다.

//활용 1
let year = 2020;
let month = 9;
let day = 29;

console.log(`생년월일은 ${year}년 ${month}월 ${day}일 입니다.`);

//활용 2
let myNumber = 3;

function getTwice(x) {
  return x * 2;
}

console.log(`${myNumber}의 두 배는 ${getTwice(mynumber)}입니다.`);

형 변환 type conversion

Typeof

console.log(typeof 123);      //number
console.log(typeof '123');    //string

console.log(typeof '문자' + '입니다.');   //string입니다.
console.log(typeof 2 * 3);               //NaN (not of number)

console.log(typeof ('문자' + '입니다.')); //string
console.log(typeof (2 * 3));              //number

//string, number, boolean
console.log(number('10') + number('5'));
console.log(string(10) + string(5));

//문자 > 숫자
let x = '자바';
console.log(x);                 //자바
console.log(number(x));         //NaN 
console.log(typeof x);          //string
console.log(typeof number(x));  //number

//불린 > 숫자
let x = true;
console.log(x);                 //true
console.log(number(x));         // 1 
console.log(typeof x);          //boolean
console.log(typeof number(x));  //number

//문자,숫자 > 불린
let x = 123;
console.log(x);                  //123
console.log(Boolean(x));         //true
console.log(typeof x);           //number
console.log(typeof Boolean(x));  //boolean

//문자, 숫자가 false로 변하는 것을 **falsy값**이라고 부른다.
// **' ',  0, NaN** 

자동 형변환

//산술 연산 (+, -, *, /, %, **)
console.log(4 + '2');     //42 //string
console.log(4 * false);   //0 //number
console.log('4' ** true); //4 //number
console.log(4 % 'two');   //NaN //number

//관계 비교 연산 (<, <=, >, >=)
console.log(2 < '3');       //true 
console.log(2 > true);      //true 
console.log('2' <= false);  //false 
console.log('two' >= 1);    //false //비교가 불가능

//같음 비교 연산 (===, !==, ==, !=)
console.log(1 === '1');     //false //일치, 불일치 **형변환 없음**
console.log(1 === true);    //false 
console.log(1 == '1');      //true //동등, 부등 **형변환 됨**
console.log(1 == true);     //true

---

Reference

1) javascript와 문자열

Javascript 와 String 문자열

2) undefined와 null의 차이점

undefined와 null의 차이점