본문 바로가기

제가 쓴 책/HTML5, CSS3 and JavaScript171

6. 배열(Array) 6. 배열(Array) 배열(array)은 다수의 데이터를 저장하는데 유용한 객체(object)의 한 유형으로 하나의 변수를 선언하면서 다수의 데이터를 집합의 형태로 저장하여 사용하는데 유용합니다. 그리고 이렇게 배열의 형태로 저장되는 각 데이터들을 배열의 요소(Element) 혹은 항목(Item)이라고 부릅니다. 예를 들어 여러분이 쇼핑몰에서 “페레가모 안경”, “노트북”, “DSLR”같은 상품들을 구매하기로 한 쇼핑 목록입니다. 이에 대한 데이터를 변수를 선언하여 저장한다면 다음과 같이 나타낼 수 있습니다. var stringValue1 = ”페레가모 안경”; var stringValue2 = ”노트북”; var stringValue3 = ”DSLR”; 위와 같이 변수 3개를 선언하여 각각 데이터를 .. 2013. 8. 6.
5.2 대괄호(square bracket)를 이용한 속성(Property) 접근 및 디버깅 5.2 대괄호(square bracket)를 이용한 속성(Property) 접근 및 디버깅 생성된 객체의 속성에 접근하는 방법은 앞에서 설명한 것처럼 도트( . )를 이용하여 “객체이름.속성이름”의 형태로 접근할 수도 있지만 대괄호를 이용하여 생성된 객체의 속성에 접근이 가능합니다. 예를 들어 다음과 book 객체가 생성되어 있다고 가정하고 각각의 접근 방법을 나타내면 다음과 같습니다. var book = {title:"부의 미래", author:"앨빈 토플러"}; //도트(.)를 이용할 경우 var d_title =book.title; var d_author=book.author; //대괄호(square bracket)를 사용할 경우 var s_title=book[“title”] var s_author.. 2013. 8. 6.
5.1.3 object 표기방법인 {}을 이용한 객체 생성 5.1.3 object 표기방법인 {}을 이용한 객체 생성 객체(object) 표기에 사용되는 중괄호 { }을 이용하여 객체의 정적인 특성을 표현하는데 사용되는 속성(property)만을 포함하는 객체를 생성한다면 다음과 같은 형식으로 간단히 생성할 수 있습니다. var 생성할객체이름 = {속성1:속성1값, 속성2:속성2값, …}; 객체는 중괄호 안에는 “속성이름:속성값”을 한 쌍으로 콤마로 분리된 리스트의 형태로 생성할 수 있습니다. 그래서 예를 들어 책의 제목을 나타내는 title 속성과 저자를 나타내는 author 속성을 가진 book 객체를 {}를 이용하여 생성한다면 다음과 같이 간단하게 생성할 수 있습니다. var book = {title:"부의 미래", author:"앨빈 토플러"}; 물론 아.. 2013. 8. 6.
5.1.2 생성자 함수(constructor function)를 이용하여 객체 정의하고 생성하기 5.1.2 생성자 함수(constructor function)를 이용하여 객체 정의하고 생성하기 JavaScript에서 하나의 객체(object)가 생성할 때 내부적으로 생성자 함수를 호출할 수 있는데 이 생성자 함수 내에는 생성한 객체를 가리키기 위해서 this 라는 키워드가 사용하며 이 this 키워드를 이용하여 객체의 속성을 설정할 수 있습니다. 생성자 함수를 이용한 객체 정의 형식은 다음과 같습니다. function 정의할객체이름(입력파라미터1, 입력파라미터2, …){ this.속성1= 속성값1; this.속성2 = 속성값2; …; this.메서드1 = 호출할메서드이름1; this.메서드2 = 호출할메서드이름2; … } function 호출할메서드이름1() { 처리할 코드들; } function .. 2013. 8. 6.

티스토리툴바