'자바스크립트 객체'에 해당되는 글 1건

우선 .. 자바스크립트에 array 가 있을까 ?

정답은 없다 이다..

alert(typeof([])); 

를 실행하면 object를 출력한다.


아래는 자바스크립트의 간단한 기초(modern web 책을 참고하여 직접작성)



1.

객체 생성 방법.



//object 객체로 만들고 싶을때 

1)var foo = {};

2)var foo = new Object();



//사용자 정의 객체를 만들고 싶을때


1) 생성자함수(클래스)를 쓴다


ex)   function Student(name, korean, math, english, science){

this.이름 = name;

this.국어 = korean;

this.수학 = math;

this.영어 = english;

this.과학 = science;


//메서드

this.getSum = function(){

return this.국어+this.수학+this.영어+this.과학;

};

this.getAverage = function(){

return this.getSum()/4;

};

}


var student = new Student('윤하린',96,98,92,98).;


위와 같이 선언하여 사용한다.  그런데 이사용자 객체역시 object  객체의 상속을 받는 객체이다.

그런데 이와같이 클래스를 선언하게 되면 찍어낼때 마다 함수를 중복해서 찍어낸다.

그래서 자바스크립트는 프로토타입 공간을 만들었다. 프로토타입은 생성자 함수로 생성된 객체가 공통으로 가지는 공간이다. 

 function Student(name, korean, math, english, science){

this.이름 = name;

this.국어 = korean;

this.수학 = math;

this.영어 = english;

this.과학 = science;

}

이렇게 선언한뒤 prototype 객체를 이용하여 메소드를 추가한다.  ex) Student.prototype.func = function(){};

자바스크립트의 모든 함수는 prototype객체를 가진다. 


2.

그렇다면 javascript에서 기본 자료형과 객체의 차이점은 무엇일까?


자바스크립트에서 기본 자료형과 객체는 거의 차이점이 없다.

기본 자료형도 분명 존재하지만 var number = 23;

와 같이 선언하고 number. 와 같이 입력하면 기본자료형으로도 객체의 속성과 메서드를 사용할 수 있게 되며,

이 속성과 메서드를 사용하게 되는 순간 자동으로 객체로 변환된다. 


3.  

Object 객체란 무엇일까?


자바스크립트 최상위 객체이다 . 

위에서 설명한 생성방법으로 생성한다.

자바스크립트의 모든 기본 내장 객체는 Object 긱체를 기본으로 만들어진다.


4.

Array 객체란 ? 


여러가지 자료를 쉽게 관리할 수 있게 도와주는 객체이다 .


생성방법은 

var array1 = [52,44,22,...];

var array2 = new Array();


이렇게 생성한다.


ECMAScript5 Array 객체는 보다 특별한 함수를 가지는데 대표적인 함수로는..


forEach()가 있다. for in 반복문 보다 더 확장적으로 사용가능한 반복문이다. 

ex) array.forEach(function(element,index,array){

}); 


그런데 자바스크립트에는 연관배열이라는 것도 있다.

var array = new Array();


array["one"] = 2;

이런식으로 오름차순 숫자  인덱스가 아닌 문자를 인덱스로 사용하는 배열이다.


5. json 객체

   자바스크립트 객체의 형태를 가지는 문자열이다.


  JSON.stringfy()  --> 자바스크립트 객체를 JSON 문자열로 변환한다.

  JSON.parse() --> JSON문자열을 자바스크립트 객체로 변환한다. 


'프로그램 > js' 카테고리의 다른 글

ajax와 인코딩문제  (0) 2015.03.27
javascript object 개념.  (0) 2015.03.27
jquery map  (0) 2015.03.27
slice()를 이용한 array copy  (0) 2015.03.27
jquery autocomplete  (0) 2015.02.22
블로그 이미지

종환 Revolutionist-JongHwan

github.com/alciakng 항상 겸손하자.

댓글을 달아 주세요