[JavaScript] Day 21 - 로또 번호 추첨하기

Element.classList

웹 요소로부터 클래스 콜렉션을 반환하는 읽기 전용 속성이다.

 

사용방법

const 이름 = document.querySelector('이름')

 

메소드 종류

메소드	기능	사용 예
add	지정한 클래스 값 추가	add("new_class")
remove	지정한 클래스 값 제거	remove("old_class")
item	인덱스를 이용해 클래스 값 반환	item(1)
toggle	클래스 값 토글링(=있으면 제거, 없으면 생성)	toggle("some_value")
contains	지정한 클래스 값 존재 여부 확인	contains("is_contains")
replace	기존 클래스를 새 클래스로 대체	replace("old", "new")

 

배열의 개념과 사용법

배열이란?

배열은 여러 개의 데이터를 보관하는 '주머니'역할을 하는 객체이다.

이전까지 변수에는 데이터를 하나씩만 대입할 수 있었지만, 배열을 사용하면 여러 개의 데이터를 대입할 수 있다.

 

사용방법

1. const arr = [1, 2, 3, 4, 5]
2. const arr = new Array(1, 2, 3, 4, 5)

📌차이점은 딱히 없음!

 

배열의 특징

• 배열에 포함된 값 하나하나를 '배열 요소'라고 한다.
• 각 배열 요소는 왼쪽부터 순서가 매겨진다. 이를 '인덱스 번호'라 한다.
• 인덱스 번호는 0부터 시작한다.
• 배열 요소 수는 원하는 개수만큼 포함시킬 수 있으며, 0개일 수도 있다.
• 다양한 유형의 데이터를 포함할 수 있다. 숫자, 문자열, 객체 등...

📌배열 참조를 위해서는 인덱스번호가 중요하다!!

 

배열메소드

메소드 또는 속성	기능
push	배열의 긑에 하나 이상의 요소를 추가하고, 배열의 길이 반환
pop	배열의 마지막 요소를 뽑아내고, 그 요소를 반환
indexOf	배열에서 주어진 값과 일치하는 위치의 인덱스 번호를 반환, 없으면 -1 반환
splice	배열 요소를 원하는 위치에서 원하는 수만큼 추가/제거
forEach	배열의 각각의 요소에 대해 콜백을 호출
length	배열의 길이를 반환하는 속성(메소드가 아님)

 

내장 객체 Math

Math는 수와 관련된 속성과 메소드를 가진 내장 객체이다! (생성자 아님)

 

Math 메소드

메소드 또는 속성	기능
abs	주어진 숫자의 절댓값을 반환
floor	주어진 숫자보다 작거나 같은 수 중에서 가장 큰 정수를 반환
pow	주어진 첫 번째 숫자에 두 번째 숫자만큼 제곱해서 반환
random	0 이상 1 미만의 난수를 반환
sign	주어진 숫자가 양의 수인지 음의 수인지 나타내는 부호를 반환
sqrt	주어진 숫자의 제곱근을 반환

 

로또 추첨 결과