02- 자바스크립트 기초 문법 및 활용

1. 연산자

---

(1)-1산술연산자

// 숫자를 활용한 산술연산자
console.log(20+10); //30
console.log(20-10); //10
console.log(20*10); //200
console.log(20/10); //2
console.log(20%10); //0

//문자열을 활용한 산술연산자 
console.log("20+10"); //2010
console.log("20-10"); //10
console.log("20*10"); //200
console.log("20/10"); //2
console.log("20%10"); //0

=> 자바스크립트의 산술연산자는 숫자 뿐 아니라 문자열도 산술연산자 사용가능하다.
=> 특징으로는 문자열을 활용한 산술연산자도에서는 문자열을 더할때는 서로의 숫자가 더해지지 않고 숫자가 붙여지면서 사용된다.(위의 예제 참조)

---

(1)-2 증감연산자

var num=10;
console.log(++num);	//num+1 후 num 출력 (11)	
console.log(--num); //num-1 후 num 출력 (10)
console.log(num++); //num 출력 후 num+1 (10)
console.log(num--); //num 출력 후 num-1 (11)

=> ++1씩 증가, --1씩 감소

---

(1)-3 비교연산자

console.log(10==20);	//값이 같다 (False)	
console.log(10===20);	//데이터 값이 같다 (False)
console.log(10!==20);	//데이터 값이 다르다 (True )

console.log(10>20);		//(False)
console.log(10>=20);	//(False)
console.log(10<20);		//(True)
console.log(10<=20);	//(True)

console.log("10==10");	//(True)
console.log(10==="10");	//(False)

=>비교연산자는 "==","===","!==",">=",">","<"<="이 있다.
=> 비교연산자의 특징은 "==="이라는 데이터 타입과 값을 비교하는 연산자로 데이터 값이랑 값을 비교하여 하나라도 다른게 있으면 False를 출력하는 특징이 있다.

---

(1)-4 논리 연산자

1) AND 연산자

console.log(10===10 && 10===30);
//앞뒤 조건 모두 참인 경우에만 true를 반환하는 AND 연산자 

2) OR 연산자

console.log(10===10 || 10===30)
//앞뒤 조건 중 하나만 참이여도 true를 반환하는 OR 연산자

---

2. 조건문

---

(1) 조건문

주어진 조건에 따라 결과값을 출력하는 구문이며 조건으로는 비교연산자 논리연산자를 사용한다.

---

(2) if문

var a=20;
var b=40;
if(a<b){
    console.log("a는 b보다 작다");
 }

공식 : if(조건){ 수행할 명령 }
설명 : 만약 a<b가 참이먄 중괄호 안의 코드를 실행

---

(3) if-else문

var a=20;
var b=40;
if(a>b){
console.log("a는 b보다 크다);
}else{
console.log("a는 b보다 작다");
}

=>조건이 true이면 if문 false이면 else문 실행

---

(4) else if문

 var a=20;
 var b=40;
 var c=60;
  if(a>b){console.log("a는 b보다 크다.");
 }else if(b>c){console.log("b가 c보다 크다");
 }else if(a<c){console.log("a는 c보다 작다");
 }else if(b<c){console.log("b는 c보다 작자");
 }else {console.log(" 모든 조건을 만족하지 않는다");

=> 여러개의 조건문을 생성할 때 사용

---

(5) 중첩 if 문

  var a=20;
  var b=40;
  if(a!==b){
  if(a>b){console.log("a는 b보다 크다");}
  else{console.log(a는 b보다 작다");}
  }else{console.log("a와 b는 같다");}

=> if문 안에 또 다른 if문을 삽입할 때 사용

---

3. 반복문

---

(1) for문

for(var i=0;i<10;i++){
     console.log(i)
}

공식: for(초기화한 변수값; 조건 ; 증감표시){수행할 명령어)}
설명 :for에 변수로 지정한 i가 지정된 값인 10이 될때까지 i를 증가시킨다.

---

(2) while문

var num=0;
while(num<10){
  console.log(num);
  num++;
  }

공식 : while(조건){수행할 명령{
설명 : num<10참일 동안 중괄호 안의 코드를 실행

---

(3) do~while문

  var i=12;
  do{
  console.log(i);
  i++; 
  }while(i<10)

공식 :while(조건){수행할 명령 }
설명 : while 조건과 관계없이, do의 명령은 무조건 실행한다.

---