JavaScript chapter. 4-2

JavaScript

---

배열 Array

여러 데이터를 담고 있는 객체

• 배열 생성 방법

  • 배열 리터럴: 대괄호 [] 사이에 여러 데이터를 콤마 ,로 구분하여 만든다.
    const array = [1, 2, 3, 4, 5]
  • Array의 생성자 이용
    const array = new Array(1, 2, 3, 4, 5)

• 배열의 특징

  • 배열 요소: 배열 안의 데이터
  • 인덱스: 첫 번째 요소부터 0부터 시작하여 매겨지는 번호
  • 데이터가 없는 빈 배열 생성이 가능하다.
  • 다양한 유형의 데이터를 하나의 배열에 담을 수 있다.

• 배열 내 데이터 접근 방법

  배열명[인덱스]를 이용하여 값에 대한 접근 및 수정이 가능하다.

• 배열 멤버 (메소드 및 속성)

  멤버	기능
  push()	배열 마지막에 요소 추가 및 배열의 길이 반환
  pop()	배열의 마지막 요소를 제거하고 해당 요소 반환
  indexOf()	매개변수와 일치하는 첫 번째 요소의 인덱스 반환. 일치하는 요소가 없으면 -1 반환
  splice()	배열의 원하는 위치에 요소 추가/제거
  forEach()	배열의 각각의 요소에 대한 콜백함수 실행
  length	배열의 길이를 반환

---

classList

HTML 요소의 클래스로 지정된 값을 배열로 반환한다.

classList의 메소드를 이용하여 클래스명의 수정 및 삭제가 가능하다.

• classList 메소드

  메소드	기능
  add()	클래스명 추가
  remove()	클래스명 삭제
  item()	매개변수로 전달된 인덱스에 헤당하는 클래스 반환
  toggle()	클래스 값이 있으면 제거, 없으면 추가
  contains()	클래스 값 존재 여부 확인
  replace()	기존 클래스 지우고 새 클래스로 대체

---

Math

메소드	기능
abs()	절대값 반환
floor()	내림한 정수 반환
ceil()	올림한 정수 반환
round()	반올림한 정수 반환
pow()	첫 번째 인자에 두 번째 인자만큼 제곱한 값 반환
random()	0 이상 1 미만의 난수 반환
sign()	주어진 숫자가 양수면 +, 음수면 - 반환
sqrt()	제곱근 반환

• random()을 이용하여 특정 범위의 랜덤 숫자 반환하는 공식
  Math.floor(Math.random * 최대값) + 최소값

---