JavaScript _ 기본 내장 객체

JavaScript에 내장된 객체 중 가장 기본적인 내장 객체를 살펴보자!

 

1. 기본 자료형과 객체의 차이

변수 primitiveNumber은 기본 자료형 숫자, 변수 objectNumber은 객체에 해당한다.

이 둘을 출력해보면... 같은 값이다!

 

심지어 속성과 메서드는 객체가 가질 수 있는 것인데... 기본 자료형에도 속성과 메서드가 존재한다.

이게 어찌 된 일?

기본 자료형의 속성이나 메서드를 사용하면 기본 자료형이 자동으로 객체로 변환되기 때문!

예를 들어 기본 자료형 숫자의 속성이나 메서드를 사용할 때는 자동으로 Number 객체로 변환된다.

 

따라서... 기본 자료형과 객체의 차이점은 찾기 어렵다!

굳이 굳이 찾자면 기본 자료형은 객체가 아니므로 속성과 메서드를 추가할 수 없다는 점.

 

따라서 기본 자료형에 속성이나 메서드를 추가하기 위해서는 prototype을 사용해야 한다!

 

2. object 객체 

js의 모든 기본 내장 객체가 기본으로 하는 Object 객체!

자주 사용하지는 않지만 모든 객체가 요 녀석의 메서드를 공통으로 가짐을 기억하자!

 

4. string 객체

python의 str과 유사한 String 객체!

역시 선언 방법은 2가지이며 length라는 속성과 수많은 메서드들을 가지고 있다!

 

string 객체의 메서드들은 자기 자신을 변화시키지 않고 return 함을 주의해야 한다!

 

또한 stringFromLiteral.bold() 처럼 HTML 관련 메서드 사용도 가능하다.

 

5. Array 객체

python의 list와 유사한 Array객체!

 

역시나 다양한 메서드들을 갖는데, 자기 자신을 직접적으로 바꾸는 경우도 있으니 주의해야 한다.

concat()	매개 변수로 입력한 배열 요소를 모두 합쳐 배열을 생성한 후 return
join()	배열 안의 모든 요소를 문자열로 만들어 return
pop()	배열 마지막 요소를 제거하고 리턴 (자기 자신 변화!)
push()	배열 마지막 부분에 새로운 요소 추가 (자기 자신 변화!)
reverse()	배열의 요소 순서를 뒤집음 (자기 자신 변화!)
slice()	배열 요소의 지정한 부분을 return (자기 자신 변화!)
sort()	배열의 요소를 정렬하고 return (자기 자신 변화!)
splice()	배열 요소의 지정한 부분을 삭제하고 삭제한 요소를 return (자기 자신 변화!)

Array 객체는 js에서 정말 중요한 객체이므로... 메서드 정리도 해준다!

 

5-1. ECMAscript 5 Array 추가 메서드

ECMAscript 5에서 Array 객체는 추가적인 메서드를 갖는다.

forEach , filter 메서드의 매개 변수고 들어간 함수 인자가 헷갈리는데...

for in 반복문을 사용한다고 생각하면 된다!

즉 함수 안에 배열의 요소, 배열 요소의 인덱스, 반복을 수행하는 배열 자체 를 지정해주는 것.

 

ECMAscript 5에서는 JSON 객체와 관련된 메서드도 지원한다.