자바스크립트 기본 문법

Sejeong Yang·2021년 8월 20일
1

JavaScript

목록 보기
3/3
post-thumbnail

세미콜론, 주석, 들여쓰기
세미콜론(;) : 명령의 끝에 붙임. 세미콜론이 붙어있으면 명령이 끝남을 의미.
주석(//) : 코드에 코멘트를 남기고 싶을 때 붙임.
들여쓰기 : 조건문이나 반복문 등 여러줄의 코드를 쓸 때 들여쓰기를 해주면 코드파악에 도움이 됨. 간혹 들여쓰기를 하지 않아 에러나는 경우가 있으니 웬만하면 들여쓰기를 권장.

문자열 기본(따옴표, 백틱, typeof, escape)
따옴표(“”) : 문자열을 표현하기 위해서는 “” 안에 작성해주어야함. “안녕하세요”. 작은 따옴표도 가능. ‘안녕하세요’
백틱 : 템플릿 리터럴이라고 부르며 문자열에 줄바꿈을 하고 싶을 때 사용할 수 있음. 또한 따옴표를 문자열로 표현하고 싶은 경우에도 사용가능. Ex. We’re happy!
typeof : 자료형을 가져올 객체 또는 원시값을 나타내는 표현식(MDN 참조). Ex.
escape() : 역슬래시 이스케이프 문자는 특수문자를 문자열 형태로 변환
문자열 합치기(연산자) : +로 문자열을 합칠 수 있음. -는 안됨.

숫자 기본(parseInt, NaN)
parseInt : 실수에서 정수를 추출해주는 함수. Number()와 유사하지만 parseInt는 문자열에서도 숫자만 추출이 가능.

NaN(Not a Number) : 숫자가 아니라는 의미. 하지만 typeof NaN 했을 땐 number로 나오는 버그가 있음.

연산자 우선순위, 소수 계산 주의점
연산자에도 우선순위가 있음



불 값(boolean, 값들의 비교)
True, false

false, 0, NaN, undefined, null, '', document.all 도 false.

논리연산자
||(OR), &&(AND), !(NOT)
A || B : A 또는 B
A && B : A 그리고 B
!false == true

undefined와 null
undefined : 기본값. 빈값이지만 값을 정해주지 않을 때 undefined
null : 빈값이라고 값을 정해주는 경우에 null을 주로 씀.

변수 선언하기(let)
변수는 데이터를 임시적으로 저장하는 공간. 공간을 만들어주는 것을 선언한다고 말함. 값을 넣을 경우엔 할당한다고 함
변수를 선언할 땐 let으로 선언
let 인사 = ‘안녕’;

변수 이름짓기
이름을 지을 땐 최대한 담고 있는 내용을 설명할 수 있는 걸로 지어야함. 한글이나 한자, 이모티콘 등으로도 지을 수 있지만 보통 영어로 지음. 숫자를 포함할 수 있지만 첫글자로 숫자가 올 수 없음.
특수문자 $와 _는 사용 가능.

변수 수정하기
변수를 수정할 때는

let food = 'pizza';
undefined
food = 'hotdog';
"hotdog"
console.log(food);

상수(const)와 var
var, let, const 모두 변수를 선언할 때 사용
const 는 상수라고 하지만 나중에 값 변경 가능한 경우가 있음
var는 const와 let으로 대체 가능. 많이 안씀.

조건문(if)
if ( 조건식 ) {
명령문
}

else, else if, switch
if ( 조건식 ) {
명령문1
} else {
명령문2
}
조건식이 false 일 경우 else 블록이 실행
여러개의 조건식을 만들고자 할 때 if … else if … else 문 사용

switch 문은 조건문의 다른 형태

const expr = 'Papayas';
switch (expr) {
  case 'Oranges':
    console.log('Oranges are $0.59 a pound.');
    break;
  case 'Mangoes':
  case 'Papayas':
    console.log('Mangoes and papayas are $2.79 a pound.');
    // expected output: "Mangoes and papayas are $2.79 a pound."
    break;
  default:
    console.log(`Sorry, we are out of ${expr}.`);

로 표현 가능.

조건부 연산자(삼항 연산자)
let food = ‘cake’ ? ‘true’ : ‘false’ ;
조건식 ? 참일 경우 값 : 거짓일 경우 값

반복문(while)
while (조건문) {
문장
}

반복문(for)

for (let i = 0; i < 5; i++) {
    console.log('Hello');
}

break와 continue
break : 현재 반복문 등을 종료.
continue : 현재 반복에서 명령문의 실행을 종료하고 반복문의 처음으로 돌아감

중첩 반복문
반복문 안에 반복문이 있는 경우

for (let i=0; i<10; i++) {
    for (let j=0; j<5; j++) {
	    console.log(i+' X '+j+' = '+ i*j);
    }
}

배열과 객체는 다음 포스트에...

profile
Front End Developer

0개의 댓글