Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Docker Desktop
- SSL
- JavaScript
- 메소드
- Dict
- c#
- 클래스
- Swing
- 배열
- 자바
- JS
- event
- 스프링부트
- 저장소
- join()
- AssertJ
- Python
- 프로그래머스스쿨
- synchronized
- Java
- StringBuilder
- class
- docker
- GIT
- array
- 자바스크립트
- 파이썬
- SpringBoot
- 객체
- thread
Archives
- Today
- Total
정리노트
[JAVASCRIPT/자바스크립트] 객체자료형, 메소드 Array 객체 본문
// 기본 자료형 선언
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
'프로그래밍 > Javascript' 카테고리의 다른 글
[JAVASCRIPT/자바스크립트] Number()함수 (0) | 2022.11.19 |
---|---|
[JAVASCRIPT/자바스크립트] 배열, for_loop (0) | 2022.11.18 |
[JAVASCRIPT/자바스크립트] 명시적 함수 (0) | 2022.11.18 |
[JAVASCRIPT/자바스크립트] 배열의 첨자운영 (0) | 2022.11.18 |
[JAVASCRIPT/자바스크립트] var, let, const 차이 (0) | 2022.09.25 |