[리뷰] JavaScript 기초 제어문(조건문, 문자열)

조건문 if

비교연산자 >, < , === 등

비교의 결과는 늘 boolean값을 가진다.

 

자바스크립트에서 == 은 사용하지 않는 편이 좋다.

위와 같이 정확하지 않은 결과가 나온다.

자바스크립트는 다른 언어와 다르게 타입을 변수 선언할 때부터 정의하지 않기 때문에 ==연산자를 사용하면 타입을 엄격하게 비교하지 못하게 때문이다.

https://dorey.github.io/JavaScript-Equality-Table/

JS Comparison Table

관련 내용을 첨부하겠다.

 

조건문은 다음과 같은 형식으로 나타날 수 있다.

if (조건1){
	// 조건1이 통과할 경우
} else if(조건2){
	// 조건1이 통과하지 않고, 조건2가 통과할 경우
} else {
	// 모든 조건이 통과하지 않는 경우
}

 

논리연산자 OR, AND, NOT

 

OR 둘 중 하나라도 true이면 true를 반환

AND 둘 중 하나라도 false 이면 false를 반환

NOT truthy, falsy 여부를 반전

AND, OR 연산자

NOT 연산자

NOT 연산자는 2개 이상 중첩 사용이 가능하다.

 

Switch/Case

여러개의 if / else if를 사용하는 것 대신 switch/case를 사용할 수 있다.

function miniCalculator(num1, num2, operator) {
  if(operator === "+"){
    return num1 + num2
  }
  else if(operator === "-"){
    return num1 - num2
  }
  else if(operator === "*"){
    return num1 * num2
  }
  else if(operator === "/"){
    return num1 / num2
  }
}

function miniCalculator(num1, num2, operator) {
  switch(operator){
    case("+"):
      return num1 + num2
      
    case("-"):
      return num1 - num2  
   
    case("*"):
      return num1 * num2
    
    case("/"):
      return num1 / num2
    
    default:
      return
  }
}

위의 두 코드는 같은 동작을 한다. 경우에 따라서 자신이 원하는 방법을 사용하면 된다.

 

문자열

 

문자열은 index로 접근 가능하지만 변경할 수는 없다(read-only)

다른 타입과 문자열 사이에 + 연산자를 사용하면 문자열 형식으로 변환된다.

둘 다 number형식이었다면 11이 나왔을 테지만 b가 문자열 형식이기 때문에 110이란 결과가 나온 것을 볼 수 있다.

concat()메서드를 사용해 문자열을 합칠 수도 있다.

 

str.length

length는 함수가 아닌 property여서 ()를 붙이지 않는다. 문자열의 길이를 알아낸다

 

str.indexOf()

indexOf는 괄호 안에 있는 값이 처음 나오는 인덱스를 리턴한다. 없으면 -1을 리턴한다

 

str.includes()

문자열 내에 값이 있는지 boolean값으로 나타낸다

 

split()

문자열을 자를 때 사용한다

 

str.subString(start,end)

index가 start에서 end-1 까지의 문자열을 반환한다.

 

문자열은 immutable 해서 새로운 변수에 값을 저장해야 한다.

 

문자열에 변수를 넣고 싶을 때는 + 연산자 대신 표현식을 사용할 수 있다. 백틱을 사용하여 나타내면 된다.

`my name is ${name}`