21.6.16 TIL (조건문, 문자열)

ljy·2021년 7월 16일
0

JAVASCRIPT

목록 보기
6/11

조건문 학습 목표

  • truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다.
  • 비교연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다.
  • if 와 else if , else를 이해하고 무리없이 활용할 수 있다.
  • 논리연산자를 (&&, ||, ! ...)을 통해 복잡한 조건을 간결하게 작성할 수 있다.

논리연산자

-  and 연산자
true && true  //true
true && false  //false
false && false  //false

-  or 연산자
true || true  //true
true || false  //true
false || false  //false

-  not 연산자
!(3>2)   // false      
!false  // true
!undefined  // true   ,undefined를 false로 취급 (falsy)
!'hello'  // false    ,문자열을 true로 취급(truthy)

기억해야 할 6가지 falsy 값

if (false), if (null), if (undefined), if (0), if (NaN), if ('')

6가지 falsy 값은 if 구문이 실행되지 않는다


논리 연산자 결과에 boolean이 아닌 값이 들어갈 수 있다

  • or 연산자는 truthy한 값을 만나면 , 그 값을 출력한다 ( 그 이후로는 평가하지 않는다 )
undefined || 10   //10
5 || 10  // 5
5 || console.log('실행되지않음')  // 5
평가순서 (--->)
  • 둘 다 falsy할 경우 , 뒤에 있는 값을 출력한다
undefined || false  // false
  • and 연산자는 falsy 한 값을 만나면, 그 값을 출력한다
undefined %% 10  // undefined
5 && false // false
  • 둘다 truthy할 경우, 뒤에 있는 값을 출력한다
5 && 10  // 10

문자열 학습목표

  • 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.
    • 문자열의 length라는 속성을 활용해 길이를 확인 할 수 있다. str.length
    • 문자열의 글자 하나하나에 접근할 수 있다. str[1]
    • 문자열을 합칠 수 있다. word1 + " " + word2
    • 문자열을 원하는 만큼만 선택할 수 있다. str.slice(0, 3) 또는 str.substring(0, 3)
    • 영문을 모두 대문자로 바꿀 수 있다. str.toUpperCase()
    • 영문을 모두 소문자로 바꿀 수 있다. str.toLowerCase()
    • 문자열 중 원하는 문자의 index를 찾을 수 있다 str.indexOf('a') 또는 str.lastIndexOf('a')
    • 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. str.includes('a'

advaneced

  • 띄어쓰기 (" ") 로 문자열을 구분하여 배열로 바꿀 수 있다. str.split(" ")
  • 위의 배열의 요소 사이에 띄어쓰기 (" ") 넣어 다시 문자열로 바꿀 수 있다. str.split(" ").join(" ")

문자열 메소드

모든 문자열 메소드는 immutable 하다

str = "string";

str.slice(start, end)  //  매개변수로 입력받은 start index부터 end index까지 문자열을 잘라내어 반환하는 함수
str.substring(start, end)  //  매개변수로 입력받은 start index부터 end index까지 문자열을 잘라내어 반환하는 함수
str.substr(start, length) // 매개변수로 입력받은 start index부터 length 길이만큼 문자열을 잘라내어 반환하는 함수

slice vs substring

  • 매개변수 start > end 일 경우

substring() : start 값과 end 값을 바꾸어서 처리합니다.
ex) substring(1, 0)은 실제로는 substring(0, 1)로 처리

slice() : 그냥 비어있는 string, 즉 ""을 리턴합니다.

  • start 또는 end 값이 음수인 경우

substring() : start값이 음수인 경우, start값은 0으로 취급
end값이 음수인 경우에도, start값과 마찬가지로 end값은 0으로 취급

slice() : string의 가장 뒤에서 음수의 절대값만큼 내려온 index로 취급

  • slice 함수에서 start 또는 end값이 음수이고, 음수의 절대값이 전체 string 길이보다 클때

이 경우, 음수는 단순히 0으로 처리됩니다.

str.indexOf('a')  // 인자로 들어가 문자열이 str에 있다면 해당 index를 리턴, 없다면 -1 리턴
str.lastindexOf('a')  // 인자로 들어간 문자열을 str 요소 뒤에서부터 찾아 반환
str.includes()  // indexOF메소드와 기능이 비슷하며 찾는 문자열이 있으면 true   찾는문자열이 없으면 false반환
str.toLowerCase() , str.toUpperCase()  // 인자로 들어간 문자열을 소문자, 대문자로 변환하는 함수    

0개의 댓글

관련 채용 정보