[JavaScript] 기본 문법

Var / Let / Const

• Var: 함수 범위
• Let, Const: 블록 범위

• if문에서 재선언의 차이

  • var : if 블록 밖에서 선언된 변수가 재선언될 수 있음
  • let : if 블록 밖에서 선언된 변수가 재선언되지 X
  • const : 애초에 재선언되지 X

---

리터럴 기호(`)

`(백틱)을 사용하여, 문자열 안에 변수를 좀 더 용이하게 넣을 수 있다.

• 예제

  function hello2(name) {
    console.log(`안녕하세요 ${name}!`);
  }
  hello2("이재건");
  

---

자료형

기본 타입: 값에 의해 조작

• 문자열(string)

  종류	설명
  “”	문자열 기호
  \n	줄바꿈
  \t	수평탭

• number: 숫자
• boolean: 불(true / false)
• 상이한 타입간의 연산
  • number + string = string
  • number + boolean = number

• 타입 변환 함수

  종류	설명
  parseInt()	문자열 → 정수
  parseFloat()	문자열 → 소수
  toString()	불 or 숫자 → 문자열

  문자열과 숫자가 배치된 관계에서는 문자열이 우선

• undefined: 값이 설정되지 않은 것
• null: 값이 없는 것 (할당된상태)

객체 타입: 참조(주소)에 의해 조작

• 객체: 배열, 함수, 정규표현식

---

연산자

산술연산자

+, -, *, /, %

let x = 10;
let y = 3;
console.log(x + y); // 13
console.log(x - y); // 7
console.log(x * y); // 30
console.log(x / y); // 3.3333333333333335
console.log(x % y); // 1

대입연산자

+=, -=, *=, /=, %=, &&=, ||=, ??=, = (기본대입연산자)

• 우변을 좌변에 연산후, 대입함.
• 거짓(false)으로 취급되는 값
  • false, 0, -0, “”, null, undefined, NaN

비교연산자

==, ===, !=, !==, >, >=, <, <=

비교	설명
==	값 비교
===	값 + 타입 비교

console.log(5 == "5"); // true
console.log(5 === "5"); // false
console.log(2 < 10); // true
console.log("apple" > "banana"); // false
console.log(false == 0); // true
console.log("" == 0); // true
console.log(null == undefined); // true
console.log(null === undefined); // false

• “5”는 5로 값이 바뀌어 비교된다.

삼항연산자

조건식 ? 참 : 거짓

const age = 20;
const message = age >= 18 ? "성인" : "미성년자";
console.log(message);

논리연산자

&&(AND), ||(OR), !(NOT)

console.log(true && true); // true
console.log(true && false); // false
console.log(0 && "안녕하세요"); // 0
console.log(true || false); // true
console.log(false || false); // false
console.log(0 || "안녕하세요"); // "안녕하세요"
console.log(!true); // false
console.log(!0); // true
console.log(!false); // true

• 0 && “안녕하세요”
  • 거짓인 값인 0이 반환
• 0 || “안녕하세요”
  • 첫번째 참인 값인 “안녕하세요” 반환

증감연산자

• 전위 증감연산자: ++변수, --변수
  변수에 1을 더하고, 실행.
• 후위 증감연산자: 변수++, 변수--
  문장 실행후, 변수에 1을 더함.

---

조건문

• prompt(”메시지 문구”, 기본값)
  • 문자열을 입력받는 창이 띄워짐 → 문자열을 입력받아 사용 가능

조건문	설명
if	조건이 참(true)이면, 실행
else	조건이 거짓(false)이면, 실행
else if	조건을 한번 더 생성
switch case	조건 대상 값이 하나인 경우 사용
삼항연산자 ?	한 문장으로 조건문 표기 가능

• switch - case문 형식
  각 조건마다 무조건 break 를 적어야한다!

  switch (비교할값) {
  	case 값1:
  		// 값1일때 실행
  		break;
  	case 값:
  		// 값2일때 실행
  		break;
  	default:
  		// 그외의 값일때 기본적으로 실행
  		(break;)
  }
  

---