8. JS 내장객체 / new 연산자 / Date 객체 / 문자열 객체 / Number 객체

<정답>

1. 객체

2. 속성 메서드

3. 내장객체

 

내장 객체?

JS가 기본적으로 제공하는 객체

 

new 연산자

객체를 선언할 때 var 객체명 = {키:값} 처럼 중괄호로 객체를 선언하는 방법을 리터럴 형식이라고 한다.

JS에선 객체를 리터럴 형식으로 선언하는 방식 뿐만 아니라 new 키워드를 이용한 객체 선언 방식도 지원함

(그러나 new 연산자를 이용한 객체 선언보단 리터럴 자료형 선언 방식을 권장)

선언 방법은 var 객체명 = new object();

 

new 연산자 선언 예시와 리터럴 방식 선언 예시

// new 연산자 선언
var obj = new Obejct(); // 객체
var str = new String(); // 문자열 객체
var arr = new Array(); // 배열 객체
var num = new Number(); // 숫자 객체
var bool = new Boolean(); // 논리 객체

// 리터럴 방식 선언
var obj = {};
var str = "";
var arr = [];
var num = 0;
var bool = false;

 

날짜객체 Date 객체

날짜 관련 정보를 얻을 수 있다.

날짜 객체인 Date 객체는 내장 객체이기에 new 연산자를 이용해 선언한다.

 

var 객체명(날짜객체) = ner(연산자) (객체초기화)Date();

var date = new Date("1970-01-01"); // 날짜를 문자열로 작성하는 것을 DateString이라함
console.log(date.getTime()); // method인 getTime사용하여 밀리초 단위로 반환

이외에도 Date객체를 선언하는 방법 3가지가 더 있다.

new Date()	기본 선언
new Date(년, 월, 일, 시간, 분, 초, 밀리초)	날짜 정보를 각각 기입
new Date(밀리초)	밀리초 단위(1/1000초)로 기입
new Date(date string)	정해진 날짜 포맷으로 기입

기본적으론 날짜 객체는 UTC(세계 협정 시간대) 기준으로 날짜를 연산하기에 밀리초 단위 기준으로 연산한다.

 

문자열 객체

문자열(String)과 관련된 처리를 할 수 있음.

JS에서 문자열은 기본적으로 하나의 객체이다.

문자열은 객체로 선언하지 않고 일반적으로 선언해도 선언과 동시에 문자열 객체 속성과 메서드를 사용

 

고로 문자열 객체도 프로퍼티와 메서드를 가진다.

큰 따옴표 혹은 작은 따옴표 자체를 문자열에 포함시켜 표현하고 싶다면 아래와 같이 서로 다른 형태로 감싸는("''", '""') 코드를 작성

var str = "Have a 'good' Time";
console.log(str); // Have a 'good' Time

var str2 = 'Have a "good" Time';
console.log(str2) // Have a "good" Time

 

대표적 문자열 객체의 속성인 length, indexOf, substring 메서드 사용 예시

var str = "Have a 'good' Time";
console.log(str.length); // 18
console.log(str.indexOf("'good'")); // 7
console.log(str.substring(0,4)); // Have

indexOf 메서드는 해당 문자열에 찾고자 하는 문자열의 처음 시작 위치(인덱스)를 처음 문자열을 0부터 계산

substring 메서드는 특정 문자열을 (시작 인덱스, 끝 인덱스) 형태로 작성하여 추출할 수 있는 메서드

 

Number 객체

Number.MAX_VALUE	자바스크립트에서 표현할 수 있는 가장 큰 수 반환
Number.MIN_VALUE	자바스크립트에서 표현할 수 있는 가장 작은 수 반환
Number.POSITIVE_INFINITY	양의 무한대 반환
Number.NEGATIVE_INFINITY	음의 무한대 반환

Number 객체의 전역 메서드(Global Methods)라고 불리는 메서드

Number(인자)	인자를 숫자형으로 변환하여 반환
parseFloat(인자)	인자를 실수로 변환하여 반환
parseInt(인자)	인자를 정수로 변환하여 반환

 

문자열 형태로 표현된 숫자 데이터를 수학적 연산을 위해 숫자형으로 변환해야 하는 경우

Number(문자열) 형태로 작성하면 문자열을 숫자 자료형(number)으로 변환가능

var str = "10";
var num = Number(str);
console.log(num, typeof num); //10, number
console.log(parseFloat(10)); //10
console.log(parseInt(10.1)); //10

 

숫자 자료형은 기본 자료형 선언과 Number 객체 선언과의 차이가 있기 때문에

Number 객체의 속성과 메서드를 사용하기 위해선 Number 객체로 선언

// 문자열의 경우 선언과 동시에 속성, 메서드 사용가능
var str1 = "hi"; //속성, 메서드 사용 가능
var str2 = new String("hi"); //속성, 메서드 사용 가능

// 숫자 자료형은...
var num1 = 10; //속성, 메서드 사용 불가
var num2 = new Number(10); //속성, 메서드 사용 가능

 

<퀴즈>

1.  ___ 은 날짜 정보를 제공하는 내장 객체

2. 날짜 객체는 ___ 단위를 기준으로 시간을 표현

3.  ___ 은 JS에서 하나의 객체

 

 

 

출처 : https://github.com/SeongJaeMoon/FastCampusWebPythonBasic/tree/master/Learning/Javascript/Course09/

 

 

조금이나마 도움이 되셨다면 ♡ 클릭해주세요 ♡