정리노트

[JAVASCRIPT/자바스크립트] 객체자료형, 메소드 Array 객체 본문

프로그래밍/Javascript

[JAVASCRIPT/자바스크립트] 객체자료형, 메소드 Array 객체

Rolen 2022. 11. 2. 01:12
// 기본 자료형 선언
let number = 123;
let string = '가나다';
let boolean = true;

// 자료형 확인
console.log(typeof number);		// number
console.log(typeof string);		// string
console.log(typeof boolean);		// boolean

// 객체 자료형 선언
let number = new Number(123); // new -> 객체 생성 연산자, Data type -> 첫글자 대문자
let string = new String('가나다');
let boolean = new Boolean(true);

// 자료형 확인
console.log(typeof number);		// object
console.log(typeof string);		// object
console.log(typeof boolean);		// object

**기본 자료형, 객체 자료형의 메소드 사용**

// 기본 자료형에 split 메소드 사용
let string = '사과:1000원'
console.log(string.split(':'));
// ['사과', '1000원'] // 메소드 사용이 됨

// 객체 자료형에 split 메소드 사용
let string = new String('사과:1000원');
console.log(string.split(':'));
// ['사과', '1000원']

 

보통의 언어라면 기본 자료형에서 메소드 사용은 불가하지만

'자바스크립트' 에서는 기본 자료형에서 메소드를 사용할 경우 자동으로 객체로 변환이 됨.

 

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

당연하겠지만 기본 자료형에는 메소드를 추가할 수 없다......................................

But, prototype을 사용하면 메소드를 추가할 수 있다.

<자세한 내용은 prototype 자체를 뜯어보면 되겠다>

let a = '273'; // 변수의 자료형을 프로토타입 사용할 때 입력합니다.

String.prototype.method = function () {
    return 'a Method';
}

console.log(a.method());

// a Method

***Array 객체의 기본 메소드***

// join외에는 배열로 반환

join()		// 배열 안의 모든 요소를 문자열로 만들어 리턴
concat()	// 매개 변수로 입력한 배열의 요소를 모두 합쳐 배열을 만들고 리턴
slice()		// 배열 요소의 지정한 부분 리턴


// 해당 배열의 내용을 변화시키는 메소드 //

pop()		// 마지막 요소를 제거하고 리턴
push()		// 배열의 마지막 인덱스에 새로운 요소 추가
reverse()	// 배열의 요소를 반대로 뒤집기
sort()		// 배열의 요소를 정렬
splice()	// 배열의 지정부분 삭제하고 삭제한 요소 리턴

 

728x90