목록JavaScript (13)
JUST GO
오브젝트 오브젝트(Object)는 하나의 변수에 키(key)와 값(Value)으로 이루어진 쌍(Pair)을 여러개 담고자 할 때 사용한다. 배열(Array)과 달리 오브젝트는 인덱스 번호를 가지지 않음으로 사용에 유의한다. 이는 각 쌍이 되는 원소의 순서와 무관한 데이터 컨테이너라는 의미이다. 1. 선언 - 오브젝트는 다음과 같이 중괄호({,})를 이용하여 선언한다. let someObject = {}; - 선언과 동시에 값을 명시하려는 경우 키 : 값의 형태를 쉼표(,)로 구분하여 다음과 같이 초기화 할 수 있다. let ticket = { from: 'ICN', to: 'NRT', dpt: '2022-09-21 11:26', dur: '02:30', seat: '17A' }; - 오브젝트가 가지는 쌍..
반목문 반복문은 어떠한 특정 구문(들)을 정해진 횟수나 특정 배열의 길이만큼 반복하고자할 때 사용한다. 1. for 반복문 - for 반복문은 정수인 변수(이름은 주로 i)에 대해 그 값이 특정한 값 이상/이하/초과/미만일 때 그 값을 증가/감 하며 어떠한 횟수만큼 반복하고자 할 때 사용한다. - 아래 문법에서 초기화 부분에 반복에 사용할 정수인 변수를 선언한다. - 아래 문법에서 조건부분에 위 초기화 에서 선언한 변수에 대해 그 조건이 참일 때 구현부를 반복할 조건을 명시한다. - 아래 문법에서 증감부분에 위 초기화 에서 선언한 변수를 증/가감할 표현식을 작성한다. - for 반복문 실행 최초에 초기화를 1회 하며, 우선 조건을 확인한 뒤, 이가 참이면, 구현부를 실행하고, 증감한다. 그 후 조건을 다..
배열 배열(Array)은 하나의 변수에 여러개의 값을 담기위해 사용한다. 특별한 선언 방법은 없고 다음과 같이, 대괄호를 이용하여 선언한다. let someArray = []; // 인자가 없는 배열 3. 어떠한 배열이 가지는 각 인자는 콤마(,)로 구분하여 여러개를 적을 수 있고, 대괄호와 인덱스(Index) 번호를 이용하여 접근하고 인덱스 번호는 0번 부터 시작한다. let fruits = ['사과', '바나나', '코코넛']; console.log( fruits[0] ); // '사과' console.log( fruits[1] ); // '바나나' 4. 속성(Properties) length : 해당 배열의 길이(원소의 개수)이다. 배열의 길이에서 1을 뺀 값은 항상 마지막 인덱스 번호이다. 5. ..
이벤트(Event) - 이벤트란 어떠한 요소와 사용자간의 상호작용이나 객체의 결과에 상응하는 로직을 구현할 수 있도록 하게 해준다. '~했을때 ~한다'의 개념으로 생각한다. - (요소인 변수).addEventListener(이벤트 종류, 한수) 형식으로 사용하며 '이벤트 종류'가 발생하면 이어 나오는 '함수'를 실행하는 것. 이벤트 종류 - 문자열로 제공하며 아래와 같은 이벤트 종류가 있다. 'click' : 해당 요소를 클릭했을 때 발생. firstDiv.addEventListener('click', () => { alert('첫 이벤트'); });