TIL 210721 - 문자열(오 적다^^, but 분량은 적지만 문제는 심각하다)

but 분량은 적지만 문제는 심각하다

 

 

자 오늘 코.스 3일차 시작해볼까

오늘은 코플릿을 페어로 하는 게 많은 시간이다.

재미있는 코플릿의 세계로 출~발~

 

코플릿 시작!

조건문 17문제를 3시간 동안 풀었으나

14문제까지만 풀고 나머지는 그 뒤 문자열을 

완료하고 풀기로 하였다.

 

① 조건문 body에서 return이 없으면

undefined 된다.

② 조건문 if에서 return을 해버리면 그 함수는 종료된다.

그러므로 중첩조건문이나 다중if문에서는 return으로

처리할 때 잘 생각해봐야 한다.

 

페어분과 함께 하니 오류도 쉽게 잡고

놓친 부분을 찾아내어 익힐 수 있어서 너무 좋다.

 

코플릿 끝!

문자열 시작!

 

1. 문자열

1-1. 문자열 개념

• 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.
  • 문자열의 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')
• Advanced Challanges
  • 띄어쓰기 (" ") 로 문자열을 구분하여 배열로 바꿀 수 있다. str.split(" ")
  • 위의 배열의 요소 사이에 띄어쓰기 (" ") 넣어 다시 문자열로 바꿀 수 있다. str.split(" ").join(" ")

쓰고 보니 적은 게 전혀 아니었다. 

 

문자열의 원하는 문자를 가져올 수 있다.

str[index]

str[4] : 변수 str의 오른쪽에서 4번째 문자를 가져옴

str[4] = 'G' 이런식으로 빠꿀 수 없음 /read only

 

'1'+true = 1true

  string을 더해주면 나머지도 string으로 변환

 

string 타입에 사용되는 메소드

str.length() : 문자열의 전체 길이 반환

 

 str.indexof() : argument(전달인자)/호출시, return value(결과값),

찾고자 하는 문자열 없으면 -1 반환, lastofindex()는 뒤에서 부터 찾음

 

str.include() :  IE에서는 미사용

 

str.split() : 전달인자는 분류의 기준이 되는 문자,  결과값은 배열로 출력

CSV형식 처리시에 유리

 

사용예시) 전달인자에 \n 를 넣어서

CSV 을 줄을 기준으로 분류 가능

str.substring() : 

string 함수는 immutable하다

재할당이 안됨

 

추가 공부 자료들

강의는 쉬운데 문제는 어렵네. 헤헤

 

문자열 끝!

 

코플릿 시작!

 

오늘 벅벅되고 있다.

언제쯤 익숙해지려나

잘 하는 사람들은 문제 풀고 에러코드 보고

그것을 풀어가는 과정을 TIL로 쓴다는데

아직 멀었네 

그래도 좋은 페어 분 만나서 느리지만 차근차근 배우고 있다.

 

 

코플릿 끝!

 

체크포인트 리뷰 시작!

위의 코드에서 anything 에 숫자를 입력하면 NaN,

즉 Not a Number 라고 출력

 

메소드 parseFloat() : 실수로 변환

 

2. + 연산자를 활용해서, word 에 다른 문자열을 합칠(concanation)수 있습니다.
4. 문자열 ' ' (whitespace, 띄어쓰기)를 기준으로 문자열을 배열로 나눌 수 있다.
5. word에서 'hello' 만 따로 분리하기 위해서는 word.slice 와 word.substring 둘 다 사용 가능합니다.

 

호이스팅의 개념도 알게 됨

호이스팅은 브라우저가 코드를 읽다가

function 이 나오면 그 function부터 읽어 온다는 의미인데

 

처음 위의 코드를 보고

let word에 returnWordWithJoy가 선언 할당되어 있어서 이상하게 여겨졌다.

아니 왜 정의도 되지 않은 함수가 맨 처음에 할당되어져 있는지

그것은 바로 호이스팅 때문에 문제가 없다는 것이었다.

소스를 브라우저가 읽다가

function 구문이 나오면

그 function 을 선언된 함수보다 먼저 인식한다.

아래 예시 참조

출처 : https://blog.naver.com/inb7902/222385312536

 

체크 포인트 리뷰 끝!

휴우.. 정말 일정이 빡빡허다..