06. Javascript 기초(비교연산자, 조건문)

01. 비교연산자

• 흰색은 일반 수학에서의 비교 연산

• 노란색은 javascript에서의 비교연산
  

• ==과 !=
  : = 을 하나 쓰는 것을 같다의 의미가 아닌 a = 3과 같은 경우 a에 3이라는 값을 할당한다는 의미 함.
  그러므로 같다를 표현하기 위해서 ==을 사용함.
  : != 은 다른다는 것을 표현하기 위해 사용하며 값을 반환하게 되는데 반환형은 항상 불린형이다.
  // true or false

  : code

console.log(10 > 5); //결과 : true
console.log(10 == 5);//결과 : false 
//==은 동등 연산자라고함.
console.log(10 != 5);//결과 : true

• 동등연산자 (==)
  동등 연산자는 이상하게 동작하는 경우가 있다.
  ex)
  : 문자형과 숫자형을 비교했는데 true를 반환함.

const a = 1;
const b = "1";

console.log(a == b);
//결과 : true

• 일치연산자 (===)
  :===를 쓰면 타입까지 비교함.
  :가급적 동등 연산자 보다 타입까지 비교해주는 일치 연산자를 사용하는 것이 좋음.
  :숫자 1과 문자 "1"을 비교하는 코드는 어떤 오류를 발생시킬지 모르기 때문임.

const a = 1;
const b = "1";

console.log(a === b);
//결과 : false

02. 조건문

어떤 조건에 따라 이후 행동이 달라지게 만들어주는 역할을 함.

• if()문은 괄호 안에 들어가는 조건을 평가해서 true면 실행해 줌.

//이 코드는 age가 19보다 크면 중괄호 안에 코드가 실행됨.
//코드가 한줄 뿐이라면 중괄호를 생략할 수 있지만 코드의 통일성과 가독성을 올리기 때문에 항상 써주는게 좋음.
//if안에 괄호 안의 값은 항상 불린형으로 변환된 뒤 판단된다.
//불린형으로 형변환 되는 것과 같음.
if(age > 19){
    console.log('환영합니다.');
}

• 19세 미만이 접속하면 안녕히가세요. 라는 문구를 보여주고 싶다면 하단 코드처럼 작성하면 두 코드 중 하나는 무조건 실행 되겠지만, 더 간단히 하고 싶다면?

if(age > 19) {
  console.log('환영합니다.');
}
if(age <= 19) {
  console.log('안녕히가세요.');
}

• else를 사용
  else는 if()문의 조건이 fasle 일때 작동함.
  : age가 19보다 크면 첫번째 if()문이 19보다 작으면 else문의 안녕히 가세요가 출력됨.

const age = 30;

if(age > 19) {
  console.log('환영합니다.');
} else{
  console.log('안녕히 가세요.');
}

• else if

//if, else, else if
//추가요구사항 :
//19살이면 수능 잘치세요 라는 문구를 보여주세요
//age === 19

const age = 10;

if(age = 19){
  console.log('환영합니다.');
} else if(age === 19) {
  console.log('수능 잘치세요.');
} else {
  console.log('안녕히 가세요.');
}

console.log('-------------------')
//첫번째 if()문이 true면 하단 console.log('환영합니다.');가 실행이되고,
//그게 아니라 else if()가 true라면 console.log('수능 잘치세요.')가 실행이됨.
//그것도 아니라면 최종적으로 else가 실행됨.

해당 글은 유튜브 코딩앙마님의 javascript기초 강의영상을 정리하였습다.
코딩앙마