[TIL 02] 조건문 / 문자열

yezo cha·2021년 5월 11일
0

JavaScript

목록 보기
2/19
post-custom-banner

Number.isNaN
slice()
match()
Math함수 ..Math.pow()/Math.floor()
거듭제곱/ Math 객체
거짓값


조건문

  • 어떤 조건을 판별하는 기준을 만드는 것
  • 조건문에는 반드시 비교 연산자가 필요하다.

비교 연산자(Comparison Operator)

  • >, <, >=, <=
  • ===
  • !==

if

  • if condition에는 boolean으로 결과가 나오는 표현식이 들어간다.
  • block에 적은 것을 실행하게 하려면 condition은 항상 true여야 함.
if (condition 1) {
  // condition1이 true일 경우
  block
} else if (condition 2) {
  // condition1이 false
  // condition2가 true일 경우
  block
} else {
  // 모든 condition이 false
}

else / else if

else if를 이용하면 조건문을 좀 더 풍부하게 할 수 있다.
else if의 모든 조건이 false라면 else가 실행된다. else는 생략 가능하다.

논리 연산자(Logical Operator)

논리 연산자는 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와준다.

두 가지 조건이 한번에 적용되는 경우

  • AND 연산자 &&
  • OR 연산자 ||
  • NOT 연산자 !
true && false	// false
true || false	// true

!false 		// true
!(10>2)		// false

!undefined	// true
!''		// true

기억해야 할 6가지 falsy 값
if문에서 false로 간주되는 데이터형

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

문자열 String

typeof 'hello';		// "string"

문자열 리터럴

  • 작은 따옴표(')
  • 큰 따옴표(")
  • 백틱(backtick, `)

템플릿 리터럴 (Template Literal) - 백틱(`)으로 선언

ES6+부터 지원.
${} 내부에 변수 뿐만 아니라 표현식을 넣을 수 있다.
여러 줄로 이루어진 문자열을 쉽게 표현할 수 있다.
표현식 : 평가 결과가 값.

const n = 10
const message = 'test'

console.log(`변수 n의 값: ${n}. 상수 message의 값: ${message}`)

속성 및 메서드

  • 문자열의 길이를 확인하는 length
  • 특정 문자열 찾기 str[index] : read-only
  • 문자열을 연결하는 +
    - string타입과 다른 타입 사이에 + 연산자를 쓰면, string 형식으로 변환 (toString)
  • 하위문자열 위치를 확인하는 indexOf()
  • 서브 문자열이 어디에서 시작되고 어떤 문자로 끝나는 지 알고 싶으면 slice()
  • 대문자로 변경하는 toUpperCase()
  • 소문자로 변경하는 toLowerCase()
  • 문자열 일부를 변경하는 replace()
  • 문자열을 분할하는 split()
  • 정규표현식에 맞는 문자열을 찾아 가져오는 match()
  • 문자열 양쪽 끝 공백을 제거해주는 trim()
str.indexOf(value, start)
// value : 필수요소. 찾으려는 문자열.
// start : 선택요소. 검색을 시작할 인덱스 값.
// 찾는 문자열이 없는 경우 -1 반환
'ABCABC'.indexOf('A', 1)	// 3
'ABCABC'.indexOf('a')		// -1

str.lastIndexOf(value, end)
// end : 선택요소. 검색을 끝낼 인덱스 값.
'ABCABC'.lastIndexOf('A')	// 3
'01234ABC'.lastIndexOf('A', 4)	// -1
str.replace('str1', 'str2')
// str에서 str1을 찾아 str2로 바꾼다

str.split(separator, limit)
// separator : 분할의 기준
// limit : 최대 분할 개수. 선택 사항. 값을 정하지 않으면 전체를 다 분할한다.

str.match(regexp)
// 정규 표현식에 맞는 문자열을 찾아서 배열 객체로 반환한다.
// 정규 표현식에 맞는 문자열이 없다면 null을 반환.
profile
(ง •̀_•́)ง
post-custom-banner

0개의 댓글