[ 05.12 ] 조건문 / 문자열

이숙영·2021년 5월 12일
0

Java Script

목록 보기
2/20
post-thumbnail

5/12 오늘 학습내용.

1. 조건문

불리언 타입에 대한 이해가 필요.

앞에서 잠깐 스치듯 말했지만,
==보다 ===가 더 엄격한 규칙을 적용하기 때문에 === 를 쓰는것이 더 좋다.
ex)
'1' == 1 // true;
'1' === 1 // false;

조건문의 형태는

if(조건1){
  조건 1이 통과할 경우
}else if(조건2){
  조건 1에 부합하지 않고 조건2가 부합할 때
} else {
  그 어느것도 부합하지 않을 때.
}

두가지 조건을 한번에 적용되는 경우가 있다. 이를 논리 연산자라고 말한다.

&&(and) , ||(or), !(not)

*논리연산자 and 예제 보기.(두가지 조건을 만족시켜야만 true가 된다.)
true && true // true
false && false // false
이 외에는 false 반환.

*논리연산자 or 예제 보기.
ture || true // true
false || flase // false
이 외에는 true 반환.

*논리연산자 NOT 예제 보기.
!false //true
!(4>3) // false
!undefined // true
!'' // true

총 6개의 falsy 값.
=> 여기서는 모두 false 의 값이므로 if 문에서 실행이 되지 않는다!
if(false / null(값이 없다) / undefined(정의되지 않았다) / 0 / NaN / '')

2. 문자열

문자열이란 'hello', 'hi','10' 같이 string type 으로 구성된 것.
문자열은 배열의 인덱스에 접근하듯이 접근 할 수 있다.
새로 할당하지 않는 한 그 값은 바뀌지 않는다. (read-only 특징)
문자열끼리 합칠 때 + 연산자로 합칠 수 있다.
문자열 + 숫자 타입을 합친다면 하나의 문자열이 된다.
ex) '10' + 9 = '19'

  • 연산자와 같은 기능을 하는 메소드로 concat() 이 있다.
    ex) const word1 = 'study'
    const space = ' '
    const word2 = 'coding'

console.log(word1.concat(space,word2))

[ Properties ]

length : 문자열 / 배열의 길이를 나타내는 프로퍼티.
ex) const word = 'hello'
word.length = 5

[ Methods 1 ]

indexOf(argument), lastIndexOf(includes -> boolean 타입으로 리턴)
: 실행했을 때 나오는 값은 return value 라고 함.
argument 의 문자열이 몇번째 인덱스부터 오는지 나타낸다.
ex) const hi = 'hello world'
hi.indexOf('hello') // 0 => hello 는 0번째부터 시작.
hi.indexOf('world') // 6 => world 은 6번째부터 시작. (띄어쓰기포함)
hi.indexOf('HeLlo') // -1 => 해당사항 없을땐 -1.

hi.lastIndexOf('w') // 4 => lastIndexOf 는 거꾸로 센다.
비슷한 메소드로, incluedes 라고 있는데, 이는 true/false 로 결과가 나온다.

split(분리의 기준이 되는 문자열) : 분리하는 메소드. 배열로 반환이 된다. 특히, csv 의 형태에서 상당히 유용하게 쓰인다.

콘솔에 찍어보면 대충 이런 숨막히는 문자들이 나타나는데 이를 split 으로 좀더 가독성 있게 바꿀 수 있다.
csv.split(',')
줄바꿈도 가능 하다. ('\n')

줄 바꿈하여 배열의 순서대로 솔팅되었다.
만약 0번째 배열인 연도,제조사,모델... 만 따로 보고 싶다면,
let arrayOfCsv = csv.split('\n')
arrayOfCsv[0]
이렇게 보면 된다.

substring(start,end) = slice(start,end)
구간에 있는 문자열을 반환 할 때 쓰인다. (순서 바뀌어도 노상관.)
ex) const alphabet = 'abcdefg'
alphabet.substring(0,2) 또는 (2,0) // ab 2는 포함 안한다.
음수가 들어가면 0으로 취급, index 를 넘어가면 모든텍스트 취급.

toLowerCase / toUpperCase
말그대로 대문자 => 소문자로 변환 (toLowerCase)
소문자 => 대문자 로 변환.(toUpperCase)

**여기서 immutable / mutable 이란 ?
원본이 안변하고 변하고의 차이다.
예를들어 string 에 있는 메소드는 변하지 않고 immutable 하다.
그러나, array 메소드는 메소드 종류에 따라 다르다.... (공포)

[ Methods 2 (혼자 학습해야 할 것) ]

trim
match
replace

*오늘의 주절쓰
둘째날인데 한계에 벌써 부딪혔다.
유퀴즈 보고 잘려고 했는데 유퀴즈는 커녕
오늘 할당된 알고리즘 문제도 다 해결 못함ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저 어떡하쥬
많이많이 큰일난 느낌이다. 하하하.
아니근데.
벨로그 썸네일 어케바꿈?
점점 네이버 블로그가 그리워진다.
왕불편! 투덜투덜

profile
FrontEndDeveloper

0개의 댓글

관련 채용 정보