산술 연산자
+, -, *, /, %, **(제곱)
비교 연산자
, <, >=, <=, ==, !=, ===(두 식이 값이 같고, 타입까지 같으면 참), !==(두 식의 값이 다르고, 타입까지 다르면 참)
대입 연산자
=, +=, -=, *=, /=, %=, **=
증감 연산자
++변수, --변수, 변수++, 변수--
논리 연산자
&&, ||, !
비트 연산자
&, |, ^, <<, >>
삼항 연산자
변수 = 조건식 ? 반환값1 : 반환값2
조건문
if(조건식1){}
else if(조건식2){}
else{}
switch(변수){
case 값1: break;
default:
}
반복문
while(조건식){}
----
do{}
while(조건식);
for(초기값; 조건식; 증감값){}
let 배열명;
배열명 = [요소1, 요소2, 요소3…];
let 배열명 = new Array(요소1, 요소2,..);
😑 자바스크립트 배열의 특징
배열 요소의 타입이 고정되어 있지 않음
let arr = [1, 1.5, ‘김사과’, true]
배열 요소의 인덱스가 연속적이지 않아도 됨
let arr;
arr[0] = 1;
arr[4] = 5; // index 1~3은 undefined
변수에 배열의 인덱스 또는 객체의 key가 저장
for(변수 in 객체){ //객체: user={'userid':'apple,'name':'김사과'}
객체의 프러퍼티 개수만큼 반복할 실행문; //프터퍼티: key,value 한 쌍
}
변수에 배열의 value 또는 객체의 value가 저장
for(변수 of 객체){ //객체: user={'userid':'apple,'name':'김사과'}
객체의 프러퍼티 개수만큼 반복할 실행문; //프터퍼티: key,value 한 쌍
}
forEach문은 배열에서만 사용 가능
변수1: 값(value)
- ex) 100→ 200→ 300
변수2: 번호(index)
- ex) 0 → 1 → 2
변수3: 배열객체
- ex) [100,200,300] → [100,200,300]→ [100,200,300]
배열명.forEach(function(변수1, 변수2, 변수3){
배열의 요소 개수만큼 반복할 실행문;
})
함수 선언식
function 함수명(매개변수1, 매개변수2 ..){
함수가 호출되었을 때 실행할 문장;
return 값;
}
함수명(값1,값2, ..);
함수 표현식
```jsx
let 변수명 = function(매개변수1, 매개변수2, ..){
함수가 호출되었을때 실행할 문장;
return 값;
}
변수명(값1,값2, ..);
```
🙄 나머지 매개변수
생략 접두사(…)를 사용하여 특정 위치의 인수부터 마지막 인수까지 한 번에 지정할 수 있음
function 함수명(매개변수1, ...매개변수2){
함수가 호출되었을때 실행할 문장;
return 값;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~함수명(값1,값2,값3,값4,..); // 매개변수1=값1, 매개변수2=값2,값3,값4,..~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
😄 디폴트 매개변수
매개변수의 값을 정하지 않으면 기본값을 변수에 저장
function 함수명(매개변수1=값1,매개변수2=값2, ..){
함수가 호출되었을 때 실행할 문장;
return 값;
}
함수명();
😣 함수 즉시 호출 후 삭제
(function(){})();