자바스크립트 기본 문법

■ 변수(Values)

값을 할당 하고 저장 된 값을 참조하기 위해 사용
메모리 주소에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자

let x; // 변수의 선언
x = 6; // 정수값 할당

// 여러 변수의 선언
let a = 1, b = 2,  c = 3;
let [a,b,c] = [1,2,3];

변수를 선언할 때 var / let / const 키워드를 사용한다.

■ 키워드(Keywords)

키워드	설명
break	반복문이나 스위치 문 종료
continute	반복문을 빠져나가 다음 단게부터 재시작
debugger	자바스크립트 실행을 멈춤, 디버깅 시 사용
do ... while	명령 먼저 실행 후 , 조건이 참인동안 수행을 반복한다
for	조건이 참인 동안 수행 되는 명령문의 블락을 정의
function	함수 정의
if ... else	조건 설정
return	함수 종료
switch	케이스에 따른 탐색
try ... catch	에러 핸들링 수행
var/let/const	변수 선언

#기본 예제

• break

for (let i =0; i< 10; i++) {
  if (i === 3) { break; }
}
// 0 1 2

• continue

for (let i =0; i< 10; i++) {
  if (i === 3) { continue; }
}
// 0 1 2 4 5 6 7 8 9 10 

• debugger

let x = 1;
x += 2;
debugger; // 여기서 실행 중지
x += 5;

• if ... else

if(score > 100){
  grade = A;
} else if(score > 90){
  grade = B;
} else {
  grade = C;
}

// 삼항 연산자
grade = score > 100 ? A : score > 90 ? B : C
  

• switch

switch (new Date().getDay()){
  case 4:
  case 5:
    text = "Soon it is Weeked";
    break;
  case 0:
  case 6:
    text = "It is Weekend";
    break;
  default:
    text = "Looking forward to the Weekend";
}

• while

조건이 참인 동안 수행
// while
while (i < 10){
  i++;
}

// do ... while
do {
  i++;
}
while(i < 10);

❗ for 문에서 사용 될 var , let 정리글

• for

// for문에서는 초기화 변수에서 const 사용 불가
for (let i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

// for .. of
let cars = ["BMW", "Volvo", "Mini"];
for (const of cars) {
  console.log(car + "<br >");
}

// for .. in
let persons = {fname:"John", lname:"Doe", age:25};
for (let person in persons) {
  person += '!!'
  console.log(person + "<br >");
}

// forEach
const array = ['a', 'b', 'c'];
array.forEach(element => console.log(element));
// a b c

• function

// 일반 함수
function square(number) { // 함수의 정의(함수 선언문)
  return number * number;
}
square(2); // 함수의 호출

// 화살표 함수
const square = (number) => number * number

■ 함수(Functions)

어떤 작업을 수행하기 위해 필요한 statement들의 집합을 정의한 코드 블록,
재사용이라는 측면에서 매우 유용

• 일반 함수

function square(number) {
  return number * number;
}

• 화살표 함수

const square = (number) => number * number

참고
MDN