JavaScript(2025.03.04~2025.03.07)

잊어버렸거나 처음 안 내용 정리

-문자연결 연산자 + 대신 `(백틱)을 이용할 수 있다. ${ }로 변수 표현

alert(name+'님은 수학'+ math+'점, 국어 '+kor+'점')
alert(`${name}님은 수학 ${math}점, 국어 ${kor}점`)

둘이 같은 코드

-prompt는 입력을 모두 문자열로 처리하므로 정수값이 필요하면 형변환 필요하다.
문자->숫자 변환
1) Number( ): 오직 숫자형 문자만 숫자(정수, 실수)로 변환
2) parseInt( ): 정수로 변환, 숫자+문자열 변환 시 앞의 숫자만 변환
3) parseFloat( ): 실수로 변환

숫자->문자 변환
1) 문자열 연결 연산자 + 사용
35+" "->"35"

2) String(35)->"35"

3)String(True)->"True"

-document.querySelector()
querySelector("~")로 태그 선택 시 "(태그명)"
클래스 선택 시 ".(클래스명)", 아이디 선택 시 "#(아이디명)"
같은 클래스 명의 태그가 여러개일 때 저장하는 변수에 태그가 배열 형태로 저장되는것

배열

1. 배열 생성

let array=[1,2,3,4,5];

2. (배열명).includes(요소)
   배열에 요소 포함 시 true/ 미포함 시 false

3. (배열명).indexOf(요소)
   배열에 요소 포함 시 요소의 인덱스/ 미포함 시 -1

4. (배열명).lastIndexOf(요소)
   indexOf()는 배열의 앞부터 확인, lastIndexOf는 배열 뒤부터 확인

5.(배열명).pop()
배열의 마지막 요소 제거

6.(배열명).shift()
배열의 첫번째 요소 제거

7. (배열명).splice(시작인덱스, 삭제할 요소 개수)
   시작인덱스부터 중간요소 삭제

*html 태그=javascript 요소(element)

###함수