javascript 23

[javascript] 객체

1. 객체 - 배열은 어떤 데이터인지 알 수 없다. - 이를 해결하기 위하여 객체를 이용할 수 있다. 객체는 키와 값으로 구성되어 있다. 값은 없어도 괜찮지만, 키는 없으면 안 된다. - 빈 객체도 가능하다. - 객체에서 값을 가져올 때, 2가지 방법이 존재한다. 변수명.key // dot notation 변수명["key"] // bracket notation dot notation을 더 많이 사용한다. 2. 배열에 담긴 객체 - 배열 안에 객체를 담아서 많은 데이터를 하나의 변수에 보관할 수 있다. - 배열과 객체를 동시에 잘 활용하면 좋다. let popularFruit = [ { ranking: 0, fruit: "레드향" }, { ranking: 1, fruit: "샤인머스켓" }, { ranki..

[javascript] 배열

1. 배열 - 배열을 이용하여 데이터를 한번에 담을 수 있다. - 빈 배열, 숫자 배열, 문자열 배열 등 가능하다. 인덱스 0부터 시작한다. 길이 1부터 시작한다. - undefined는 할당되지 않은 경우에 등장한다. 예를 들면 변수를 선언만 한 경우에 나온다. 2. 배열 기본 기능 .length 배열의 길이를 알려준다. [인덱스] 인덱스를 이용하여 배열의 값을 가져온다. .push() 배열의 맨 뒤에 값을 추가한다. 추가되는 인덱스를 반환한다. .pop() 배열 맨 마지막 값을 제거한다. 제거되는 값을 반환한다. .sort() 배열을 정렬한다. .includes() 배열 안에 해당 값이 있는지 확인한다. 있는 경우에는 true를 반환하고, 없는 경우에는 false를 반환한다. 뒤에 괄호가 있는 경우에..

[javascript] 변수와 상수

1. html, css, javascript의 역할 html 웹 페이지 구조화하기. css 동적 디자인 넣어주기. javascript 브라우저의 모든 기능을 의미한다. 이벤트가 발생하는 경우 조건을 체크하고, 조건이 성립하면 약속된 명령어를 실행한다. 명령문 작성하는 것을 계속 공부할 것이다. 2. 변수와 상수 - 변수와 상수는 값의 변화 유무에 따라서 결정된다. - 변수와 상수 모두 데이터를 담는 공간 (상자)이다. 변수 여러가지로 변할 수 있는 값을 의미한다. 상수 변수와 반대이다. 변할 수 없는 값을 의미한다. - 선언 : 변수의 이름은 소문자로 시작하기. - 할당 : 변수에 데이터를 넣어주기. - 선언과 할당 : 동시에 진행 가능하다. = 은 변수에 데이터를 대입하는 것이다. 가독성을 확보하기 위..