[JavaScript] "Do it! 자바스크립트 입문" - 6장, 7장 | 객체, Array 객체

"고경희. (2021). Do it! 자바스크립트 입문. 이지스퍼블리싱", 6장, 7장을 통해 다지게 된 점은 다음과 같다.

6장 객체

1) 자바스크립트 객체 종류: 내장 객체, 문서 객체 모델(DOM), 브라우저 객체 모델, 사용자 정의 객체

2) 자바스크립트 = 프로토타입 기반 언어(prototype-based language). 객체 간의 상속 관계를 프로토타입 체인(prototype chain)이라고 한다. 프로토타입을 사용해 만들어낸 객체를 '인스턴스(Instance) 또는 개별 객체'라고 한다.

3) Math 객체는 new 예약어를 통해 객체의 인스턴스를 생성하지 않는다.

4) 사용자 정의 객체: "리터럴 표기법, 생성자 함수" 사용해 만든다.

5) 생성자 함수는 객체를 만들어 내는 함수로 function 예약어로 선언한다. 속성과 함수를 정의할 때는 this 예약어를 붙인다.

6) 자바스크립트 시간 단위

1초 = 1,000(밀리초)

1분 = 60(초) * 1,000(밀리초) = 60,000(밀리초)

1시간 = 60(분) * 60(초) * 1,000(밀리초) = 3,600,000(밀리초)

1일 = 24(시간) * 60 * 1,000 = 86,400,000(밀리초)

 

---

 

7장 Array 객체

1) 배열(Array) 객체의 함수

• concat() : 둘 이상의 배열을 연결
• join() : 배열 요소를 연결
• push() : 배열 맨 끝에 요소 추가
• unshift() : 배열 맨 앞에 요소 추가
• pop() : 배열 맨 끝 요소 추출(반환 후 삭제)
• shift() : 배열 맨 앞 요소 추출(반환 후 삭제)
• splice() : 원하는 위치(주소)의 요소를 삭제, 추가
• slice() : 원하는 위치(주소)의 요소 추출

※ Array 객체에 대한 더 상세한 내용: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

 

2) slice 함수는 원래 배열에 영향을 주지 않지만, splice 함수는 요소를 추가하거나 삭제하면 원래 배열 자체가 수정된다.

> var abc = ['a','b','c'];
> abc
< (3) ['a', 'b', 'c']
> var ab = abc.splice(0,2); // splice 함수를 이용해 abc에서 ab를 추출해 보았다.
> ab // slice 함수를 사용한 것 처럼 원하는 값을 추출하여 ab 변수에 넣었다.
< (2) ['a', 'b']
> abc // 원래 배열 abc의 요소가 변한 것을 확인할 수 있다.
< ['c']