js 타입

오늘은 드디어 자바스크립트를 공부하는 날이다. 솔직히 토익 때문에 개인 공부시간에 코딩 공부하기 힘들었다.... 그래도 지금 시점이 그나마 선행 학습한 부분이기에 버틸 수 있으니 최대한 빨리 시험 통과하고 부트캠프에 집중하고 싶다.... 잡설은 그만하고 오늘은 js에 대해 정리해 보자.

 

 

 

타입이란?

---

• 타입은 값의 한 종류로 각각의 값을 분류하는 역할을 함
• 자바스크립트의 모든 값은 타입을 가지고 있다.
• 각 타입은 고유한 속성과 메서드를 보유
• 숫자만 들어갈수 있는 number 타입이나, T or F 로만 구성된 boolean 타입이 대표적

 

Number 타입

---

• 정수와 실수를 표현하는 데이터 타입. 음수도 표현가능
• 같은  number끼리 +,-,/,*의 산술 연산가능.
• Math 내장 객체로 복잡한 계산 가능.

console.log(100);
console.log(100 + 0.12);

 

 

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

 

String 타입

---

• 문자열을 표현하는 데이터 타입. ' , " , ~으로 감싸서 사용
• 특수문자,숫자 등도 문자열로 만들 수 있다.
• ~을 사용하는 문자열은 줄바꿈이 가능하다
• +연산자로 문자열을 이어붙이는 것도 가능. 단, 숫자와 붙이면 예상치 못한 결과를 불러올 수 있으므로 다른 타입간의 연산은 비추천

 

문자열의 length 속성

---

• 문자열의 length 속성을 이용하여 문자열의 길이를 확인.
• 문자열 값에 .length 붙여서 사용

 

 

인덱스(Index)

---

• 문자열에 저장된 문자는 배열처럼 순서를 가지고 있다. 
• 인덱스는 문자가 문자열에서 몇번째에 위치하는 지를 의미한다
• 배열처럼 1부터가 아닌 0부터 시작한다.

let str = 'js code';
console.log(str[0]); //j
console.log(str[5]); //d

 

문자열 주요 메서드

---

• toLowerCase() : 문자열을 소문자로 변경합니다.
• toUpperCase() : 문자열을 대문자로 변경합니다.
• concat() : 문자열 연결 연산자 + 처럼 문자열을 이어붙일 수 있습니다.
• slice() : 문자열의 일부를 자름
• includes() : 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인합니다.
• indexOf() : 문자열 내에 특정 문자나 문자가 몇 번째 위치하는지 확인합니다. 만약 찾는 문자가 2개 이상일 경우, 가장 앞에 있는 문자의 인덱스를 조회합니다. 포함되어 있지 않으면 -1 을 반환합니다.

 

Boolean 타입

---

• 사실 관계를 구분하기 위한 타입
• 타입 값은 true ,false 만 존재
• boolean타입은 아니지만 false로 취급하는 falsy값이 존재.
• 대표적인 falsy:false,0,-0,0n,null,undefined,' '," "

true;
false;

 

 

비교연산자

---

• 두 값이 같은지 다른지를 확인할 때 유용합니다
• === , !== : 두 피연산자의 값과 타입이 같으면 true, 다르면 false 를 반환.  보이는 값이 같아도, 두 값의 타입이 다르면 false.

123 === (100 + 23); // true 
123 === '123'; // false 
123 !== (100 + 23); // false 
123 !== '123'; // true

• ==, != :  타입이 달라도 값이 같으면 true, 다르면 false를 반환. 그러나 예외가 많아 현대 웹 개발에서는 사용을 권장하지 않음. 참고로 다른 프로그래밍 언어에서는 == , != 를 주로 사용하지만, JavaScript에서는 ===, !== 가 주류

12 == '12' // true

 

• > , < , >= , <= : 두 피연산자의 값의 크기를 비교. 수학에서의 부등호 기호의 사용법과 유사.

100 > 200; // false 
200 > 100; // true 
100 >= 100; // true 
200 <= 100; // false

 

논리연산자

---

• 두 값 간의 논리 관계를 확인
• || : OR. 두 값 중 하나만 true 여도 true 로 판단. 두 값이 모두 false 면 false 로 판단

true || false; // true
false || true; // true
100 > 200 || 200 > 100;  // true  
false || false // false
200 < 100 || 20 < 10; // false

• && : AND. 두 값이 모두 true 면 true 로 판단. 두 값 중 하나만 false 여도 false 로 판단

true && true // true
200 > 100 && 20 > 10; // true
true && false // false
false && true // false
100 > 200 && 200 > 100; // false

! : NOT. 오른쪽 피연산자와 반대의 사실을 반환. falsy, truthy의 반대 값을 반환.

!true // false
!(100 > 200) // true
!0 // true
!'' // true
!1 // false
!'코드스테이츠' // false