[JS] Number, String, Boolean 타입 심화

03 Jan 2023 in Study on Study, JavaScript

• Number Type 심화
  • Math 내장 객체
• String Type 심화
  • 문자열의 length 속성
  • 인덱스(Index)
  • 문자열의 주요 메서드
• Boolean Type 심화
  • falsy
  • 비교연산자 (comparison operator)
  • 논리연산자 (logical operator)

Number Type 심화

Math 내장 객체

좀 더 복잡한 계산을 위해서는 Math 내장 객체를 사용한다.

• Math.floor() : 괄호 안의 숫자를 내림하여 반환
• Math.ceil() : 괄호 안의 숫자를 올림하여 반환
• Math.round() : 괄호 안의 숫자를 반올림하여 반환
• Math.abs() : 괄호 안 숫자의 절대값을 반환
• Math.sqrt() : 괄호 안 숫자의 루트값을 반환
• Math.pow() : 괄호 안의 첫 번째 숫자가 밑, 두번째 숫자가 지수인 숫자 반환

String Type 심화

문자와 문자, 숫자 등의 타입을+로 조합해 문자열로 만들 수 있고, 백틱으로 만든 문자열은 줄바꿈도 가능.

문자열의 length 속성

문자열의 length속성을 이용해 문자열의 길이 확인 가능.
문자열 값 뒤에 .length붙이면 됨.

인덱스(Index)

문자열은 각 문자당 순서를 가짐, Zero-based numbering이라고, 해서 1이 아니라 0부터 문자열을 센다. (첫 번째 문자의 인덱스 => 0)

문자열의 주요 메서드

• toLowerCase() : 문자열을 소문자로 변경
• toUpperCase() : 문자열을 대문자로 변경
• concat() : 문자열 연결 연산자 +처럼 문자열을 이어붙임
• slice() : 문자열의 일부를 자를 수 있음

'HELLO WORLD'.toLowerCase(); // 'hello world'
'hello world'.toUpperCase(); // 'HELLO WORLD'
'hello '.concat('world'); // 'hello world'
'hello world'.slice(0, 5); // 'hello'

• indexOf() : 문자열 내에 특정 문자나 문자가 몇 번째 위치하는지 확인
  • 만약 찾는 문자가 2개 이상일 경우, 가장 앞에 있는 문자의 인덱스를 조회함.
  • 포함되어 있지 않으면 -1 반환

'🍎🍓🍉🍇'.indexOf('🍎'); // 0
'🍎🍓🍉🍇'.indexOf('🖥'); // -1
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.indexOf('Eich'); // 34
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.indexOf('Dahl'); // -1

• includes() : 문자열 내에 특정 문자가 포함되어 있는지 확인

'🍎🍓🍉🍇'.includes('🍎'); // true
'🍎🍓🍉🍇'.includes('🖥'); // false
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.includes('Eich'); // true
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.includes('Dahl'); // false

Boolean Type 심화

falsy

불리언타입은 아니지만 자바스크립트에서 false로 여겨지는 값이 일부있는데 이를 falsy값이라고 함. (반대로 true로 여겨지는 값은 truthy값이라고 함.)

// 대표적인 falsy 값
false
0
-0
0n
""
''
``
null
undefined
NaN

비교연산자 (comparison operator)

두 값이 같은지 다른지 확인

• ===, !== : 엄격한 동치 연산자. 두 피연산자의 값과 타입이 같으면 true, 다르면 false반환.
• ==. !== : 느슨한 동치 연산자. 대체로 타입이 달라도 값이 같으면 true, 다르면 false반환. (=> 느슨한 판단때문에 잘 사용하지 않음)
• >, <, >=, <= : 대소 관계 비교 연산자. 값의 크기 비교.

논리연산자 (logical operator)

두 값이 같은지 다른지 확인

• || : 논리합 (OR)
  • 두 값 중 하나만 true여도 true로 판단
  • 두 값 중 하나만 false여도 false로 판단
• && : 논리곱 (AND)
  • 두 값이 모두 true여도 true로 판단
  • 두 값이 모두 false여도 false로 판단
• 논리 부정 연산자(!)의 경우, 사실 관계를 반대로 표현한다.
• 그 외, =할당연산자가 있다.