[JS] Type과 변수

Chaewon·2022년 12월 16일
0

코드스테이츠

목록 보기
1/10

1. Number Type

정수(integer)와 실수(float)을 모두 표현 가능

typeof 100; // 'number'
typeof -100; // 'number'
typeof 100.123; // 'number'

Math 내장 객체

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

# 내림
Math.floor(100.621); // 100

# 올림
Math.ceil(100.621);  // 101

#반올림
Math.round(100.621); // 101
Math.round(100.421); // 100

# 절대값
Math.abs(-100); // 100
Math.abs(100); // 100

# 루트값
Math.sqrt(4); // 2
Math.sqrt(2); // 1.4142135623730951

# 첫번째 숫자 밑, 두번째 숫자 지수
Math.pow(2, 5); // 32

Math 매서드
Number 매서드

2.String Type

문자열에서 +문자연결연산자

안녕하세요" + "!!"; // 안녕하세요!!

문자열의 length 속성을 이용하여 문자열의 길이를 확인가능

console.log('欢迎你'.length); // 3
console.log('최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.length); // 48

index로 각 문자가 몇번째 위치하는지 알 수 있음

let str = 'codestates';
console.log(str[0]); // 'c'
console.log(str[4]); // 's'

문자열 주요 매서드

  • 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 을 반환합니다.
  • includes() : 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인합니다.
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.indexOf('Eich'); // 34
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.indexOf('Dahl'); // -1

'🍎🍓🍉🍇'.includes('🍎'); // true
'🍎🍓🍉🍇'.includes('🖥'); // false

3. Boolean Type

비교연산자

  • === , !== 엄격한 동치 연산자 두 피연산자의 값과 타입이 같으면 true, 다르면 false 반환. 보이는 값이 같아도 두 값의 타입이 다르면 false
  • ==, != : 느슨한 동치 연산자 (권장X)
  • > , < , >= , <= : 대소 관계 비교 연산자

논리연산자

  • || : 논리합(OR) 두 값 중 하나만 true 여도 true로 판단, 두 값 모두 false 면 false
  • && : 논리곱(AND) 두 값 모두 true 여야 true, 두 값 중 하나면 false 여도 false
  • ! : 논리 부정 연산자(NOT) 오른쪽 피연산자의 반대 사실 반환

4.변수

변수 let

특정 데이터에 이름 붙이는 것 재사용, 재할당 가능 (할당 안하면 초기값: undefined)

상수 const

재할당 불가

네이밍 규칙

식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있다.
단, 식별자는 특수문자를 제외한 문자, 언더스코어(_), 달러 기호($)로 시작해야 한다. 숫자로 시작하는 것은 허용하지 않는다.
예약어는 식별자로 사용 불가

profile
가보자고💪

0개의 댓글