자바스크립트 배열, Math함수, HTML 태그

배열

변수 하나에 여러 개의 값을 저장할 수 있는 특별한 데이터 형

배열과 일반 변수의 차이

• 일반 변수는 하나의 변수에 하나의 값만 저장 할 수 있음
• 배열은 변수 하나에 여러 개의 값을 저장 가능

배열 생성

var 변수이름 = [데이터[,…]];
ex) var students = [“Gildong”, “21900001”, “이몽룡”];

배열 요소 접근

배열이름[n];

• n은 배열 요소의 인덱스를 나타냄.
• 인덱스 값은 0 부터 시작하여 배열크기-1까지의 값임

배열 관련 메서드

• 배열 값 변경: {배열이름}[i]={값}
• 배열 길이 확인: `{배열이름}.length
• 배열 값 추가: {배열이름}.push({값})
• i번째부터 n개의 배열 값 삭제: {배열이름}.splice(i, n)
• 배열 값의 인덱스 찾기: `{배열이름}.indexOf({값
• 마지막 배열 값 꺼내기: {배열이름}.pop()

Math 관련 내장 함수

• 무작위 값: Math.random()(0에서 0.99… 중)
  • Math.random()*10(0에서 9.99 중)
• 소수부분 제거: Math.floor({값})

HTML에서 자바스크립트 코드

• HTML 의 안에 자바스크립트 코드 포함
• 포함된 코드는 문서가 열린 때 실행 됨

HTML 태그 선택

• 자바스크립트로 HTML 요소를 조작하려면 조작할 요소를 선택해야 함
• 자바스크립트 변수에 HTML 요소 저장
• HTML 태그의 id, class, 태그이름 등으로 요소를 찾을 수 있음

document.getElementById( {id} )
document.getElementsByTagName( {태그명} )
document.getElementsByClassName( {class} )