JavaScript

ggg9_·2020년 7월 21일
0

Javascript

목록 보기
1/2

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로 문자 사용 가능.
- ```javascript
ex1. var 변수명 = {'index key':value};

ex2. var 변수명 = {};
변수명['key'] = value;

ex3. var 변수명 = new object();
변수명['key'] = value;
  •  var 변수명['key']; or 변수명.key; 로 호출

0개의 댓글