JavaScript_형변환

✅ 자바 스크립트 요소의 형변환을 알아보자.

1. parseInt(문자열)
2. parseloat(문자열)
3. Number(문자열)

1. 형변환 공식

- 요소의 내용 또는 값을 얻어오면 기본적으로 문자열(string)으로 인식이 된다.
- 덧셈 연산 시 '더하기'가 아닌 '이어쓰기'가 되는 문제가 발생한다.

1. parseInt(문자열)
   -> "정수"-> 정수("123" -> 123)
   -> parseInt("123") -> 123으로 변환
2. parseloat(문자열)
   -> "실수" -> 실수("3.14")->3.14
   -> parseloat("3.14") -> 3.14
3. Number(문자열)
   -> "정수"or"실수" -> 정수 or 실수
   -> Number("정수"or"실수") -> 정수 or 실수
   -> Number("3.14") -> 3.14

2. 동등 비교 / 동일 비교 연산자

Ⅰ. 동등 비교 연산자
종류 : (== , !=)

2. 동일 비교 연산자
   종류 : (===, !==)

3. 문자열 내장 함수

✔️ 찾고 싶은 문자열에서의 원하는 값을 반환할 수 있다.

1. 문자열.indexOf("찾고싶은 문자열")
   -> string내에서 "찾고싶은문자열"의 시작인덱스를 반환, 없으면 -1

2. string.lastIndexOf("찾고싶은문자열")
   • 뒤에서 검색하여 string내에서 "찾고 싶은 문자열"의 시작인덱스를 반환, 없으면 -1

3. string.substring(시작 인덱스)
   • 문자열에서 시작 인덱스 부터 끝까지 잘라서 반환

4. string.substring(시작 인덱스, 마지막인덱스)
   • 문자열에서 시작인덱스부터 마지막인덱스 사이를 잘라서 반환
     ex)"Hello World".substring(2,5)
   • 결과 : 'llo'

5. string.split("구분자") : 문자열을 "구분자"를 기준으로 나누어서 배열로 반환
   • const str = "김밥, 샌드위치, 라면, 파스타"
   • str.split(":");
   • 결과

4. 숫자 관련 내장 객체 / 내장 함수

숫자(Number) 타입 리터럴 표기법
- 123(정수), 9.321(실수), Infinity(무한), NaN(Not a Number)
- 숫자 관련 내장 객체 : Math

✔️ 공식

• Math.random() : 0이상 1 미만의 난수를 발생-소수점이 발생
  (소수점 첫째 자리에 적용)
• Math.ceil(값) : 올림
• Math.floor : 내림
• Math.trunc(값) : 버림
• Math.round(값) : 반올림