JavaScript

Data type

• number
  "" or '' X

• string
  "" or '' (escape : \를 앞에 위치시키면 문자열에 따옴표 포함 가능)
  +) \n -> 줄바꿈

변수(Variable)

참조 var let const로 선언

var 변수명 = 값;

조건문

if(boolean 값){값이 true일 경우 실행.}
+)else if(boolean 값){값이 true일 경우 실행.} -> 여러개 올 수 있음.
else{false일 경우 실행.}

ex. <input type="button" value="night" onclik="
var target = document.queryselector('body');
if(this.value === 'night'){target.style.color = 'white'; this.value = 'day';} 
else {target.style.color = 'black'; this.value = 'night';}">

연산자

- 비교 연산자

• === (동등 비교 연산자)
  true or false (boolean data type)

- 논리 연산자

• &&(and 연산자)
  좌,우항이 모두 true여야 true.

• ||(or 연산자)
  좌,우항 중 하나라도 true면 true.

• !(not 연산자)
  true를 false로 false를 true로 boolean 값 역전.

배열과 반복문

배열 참조

반복문

• while(boolean 값인 조건){조건값이 true일 경우 반복실행.}

ex1. var i = 0;
while(i < 3){i = i + 1;}

ex2. var alist = document.queryselectorAll('a');
var i = 0;
while(i < alist.length){alist[i].style.color = 'blue'; 
i = i + 1;}

• for(초기화; 조건; 반복 될 때마다 실행되는 코드){조건값이 true일 경우 반복실행.}

ex.for(var i=0; i < 10; i++){조건값이 true일 경우 반복실행.}

• for in

ex1. var 변수명 = {객체 or 배열};
for(변수명2 in 변수명){(변수명2);} //key 값

ex2. ver 변수명 = {객체 or 배열};
for(변수명2 in 변수명){(변수명[변수명2]);} //value

함수

• ex1. function 함수명(매개변수){
   함수 호출시 실행 되는 코드
   return 반환값;} //반환 동시에 함수 종료
  
   ex2. var 변수명 = function(매개변수){
   함수 호출시 실행 되는 코드}

• 함수명(인자); 로 호출

객체

index로 문자 사용 가능.

• ex1. var 변수명 = {'index key':value};
  
   ex2. var 변수명 = {};
   변수명['key'] = value;
  
   ex3. var 변수명 = new object();
   변수명['key'] = value;

• var 변수명['key']; or 변수명.key; 로 호출