[JavaScript] 기초 제어문 | 조건문, 문자열

오늘 느낀 점🌟

• 아침 6시 새벽 운동을 하고 처음 수업을 들은 날. 아직 익숙하지 않아서 그런지 피곤하고 한 3시쯤 되니까 정신이 혼미해지긴 했지만, 나쁘지 않았다.
  → 점점 더 익숙해지면 나아지겠지! + 점심 먹고 햇볕 받으면서 산책하니까 기분이 아주 상쾌하고 좋았다. 앞으로도 계속 점심시간에는 산책을 해주자!
• 나 혼자 코딩 문제를 풀었다면, 되게 복잡하게 코드를 짰을 것 같은 문제도 팀원과 같이 푸니까 코드 한 줄만에 문제를 푸는 경우도 있어서 짜릿했다👍🏼
  → 어떻게 하면 효율적으로 코드를 짤 수 있을지 고민하는 습관을 항상 가지자!

Chapter1. 조건문

• 조건문(Conditional Expression)

  • 어떠한 조건을 판별하는 기준을 만드는 것

    //조건문 쓰기
    //조건에는 Boolean으로 결과가 나오는 표현식
    if (조건1) { //조건1이 통과할 경우
    
    } else if (조건2) { //조건1이 통과하지 않고 조건 2가 통과할 경우
    
    } else { //모든 조건이 통과하지 않는 경우
    
    }
    
    //삼항 연산자 구문 표현
    
    (조건) ? value1 : value2
    (조건) ? value1 : (value2 : value3)

  • 비교 연산자(Comparison operator)

    • 조건문에는 반드시 비교 연산자가 필요함!
    • 비교의 결과는 늘 Boolean(a.k.a True or False)
      • === 같다 / 느낌표(!)== 다르다 → 타입 일치 여부 구분
      • cf) == 같다 / 느낌표(!)= 다르다 → 타입 엄격하게 비교x

  • 논리 연산자(Logical Operator)

    • 두가지 조건이 한 번에 적용될 때
      • &&(And) : 모두 T 인 경우에만 → T 반환
      • ||(Or) : 하나라도 T 이면 → T 반환
      • !(not) : truthy와 falsy 여부를 반전시킴
        • falsy : False로 취급 ex. false, null, 0, NaN, undefined, ‘’(빈 문자열)
        • truthy : True로 취급 ex. falsy 예를 제외한 모든 경우

Chapter2. 문자열

• String Method
  • 모든 String Method는 immutable(원본이 불변)
    • c.f) Array Method 중에는 mutable(원본이 변함) 한 것도 있음
  • str[index]

    let word = ‘StrawBerry’ ;
    console.log(word[0]); // 'S'
    console.log(word[5]); // 'B'
    console.log(word[15]); // undefined

    • index로만 사용할 수 있음 (read-only)

      word[0] = 'C';
      console.log(word); // 여전히 'StrawBerry'

  • +(플러스 기호)연산자로 단어 연결 가능
    • String 타입 + 다른 타입 → String 타입
    • c.f) str.concat(str1, str2, …, strn); 로도 표현 가능
  • str.indexOf(searchValue)

    • purpose) 찾고자 하는 문자열의 index 찾기

    • return) 처음으로 일치하는 index를 보임, 찾고자 하는 문자열이 없으면 -1

    • c.f) str.lastindexOf(searchValue) 뒤에서부터 찾기

      let word = 'Pink Bear';
      word.indexOf('Pink'); //0
      word.indexOf('Bear'); //5
      
      word.indexOf('Blue'); //-1
      
      let word1 = 'Pink Bear Bear';
      word1.indexOf('Bear'); //5
      
      'flexible'.lastIndexOf('l'); //6

    • c.f) str.includes(searchValue) : T/F 형태로 반환

  • str.split(seperator)

    • 문자열을 분리 기준에 맞게 분리된 문자열이 포함된 배열로 바꾸기

      let sentence = 'It was good to see you again';
      console.log(sentence.split(' '));
      //['It', 'was', 'good', 'to', 'see', 'you', 'again']

    • str.split(’\n’) : 줄바꿈 기준으로 분리

      • 탭문자(\t)
      • carrige return(\r\n) : 커서를 그 줄의 맨 앞으로
  • str.substring(strat, end)
    • 시작과 끝 index 사이의 문자열로 자르기
      • start와 end는 서로 바뀌어도 상관없음!
    • c.f) str.slice(star, end)
      • 차이점: https://codechacha.com/ko/javascript-substring-vs-slice/
  • str.toLowerCase() / str.toUpperCase()
    • 대/소문자로 변환된 문자열 반환
    • 함수이므로 뒤에 꼭 () 적어두기!
  • str.length
    • 문자열의 길이 구하기
  • str.trim()
    - 문자열의 양 끝의 공백을 제거한 문자열 반환하기

    let greeting = '    hello world!    ';
    console.log(greeting); //'    hello world!    '
    console.log(greeting.trim()); //'hello world!'

더 알아볼 기능
? match
?replace
? 정규 표현식