07. JS 형변환, 연산자

🔅 형 변환

문자열 -> 숫자

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

• Number(문자열) ** 실무에서 가장 많이 사용
  "정수" -> 정수("123" -> 123)
  "실수" -> 실수("3.14" -> 3.14)
  
• parseInt(문자열)
  "정수" -> 정수("123" -> 123)
  "실수" -> 정수("3.14" -> 3) ** 소수점 버림
• parseFloat(문자열) ** 잘 안씀
  "정수" -> 정수("123" -> 123)
  "실수" -> 실수("3.14" -> 3.14)

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

• 동등 비교 연산자 ( ==, != ) -> 값이 같으면 true(자료형 관계 없음)
  ex) 1 == '1' == true : true

• 동일 비교 연산자 ( ===, !== ) -> 값과 자료형이 모두 같으면 true

문자열(string) 내장 함수

• string.indexOf("찾고싶은문자열") : string 내에서 "찾고싶은문자열"의 시작 인덱스를 반환, 없으면 -1 반환
• string.lastIndexOf("찾고싶은문자열") : 뒤에서부터 검색하여 string 내에서 "찾고싶은 문자열"의 시작 인덱스를 반환, 없으면 -1 반환
• string.substring(시작인덱스) : 문자열에서 시작 인덱스부터 끝까지 잘라서 반환
• string.substring(시작인덱스, [마지막인덱스]) : 문자열 시작 인덱스부터 마지막 인덱스 사이를 잘라서 반환
• string.split("구분자") : 문자열을 "구분자"를 기준으로 나누어 배열로 반환
  ex) 문자열.split("") : 문자열이 한 글자씩 모두 나누어져서 배열로 반환

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

• 숫자(number) 타입 리터럴 표기법
  : 123(정수), 9.321(실수), NaN(Not a Number), Infinity(무한)

• 숫자 관련 내장 객체 : Math
  ex) Math.random() : 0이상 1미만의 난수 발생

• Math.ceil(값) : 소수점 첫째자리에서 올림

• Math.floor(값) : 소수점 첫째자리에 내림

• Math.trunc(값) : 소수점 첫째자리에서 버림

• Math.round(값) : 소수점 첫째자리에서 반올림

• 숫자.toFixed(자릿수) : 숫자를 지정된 자릿수까지 반올림해서 표현
  ex) (3.45).toFixed(1) -> '3.5'

isNaN(값)

값이 숫자가 아니면 true, 숫자면 false

btn2.addEventListener("click", function () {
  if (isNaN(input2.value)) {
    alert("숫자가 아닙니다.");
  } else {
    alert("숫자 입니다.");
  }
});