반응형
SMALL
Inner Object (내장 객체)
1. Object
자바스크립트 최상위 객체
toString()- 대표적인 메소드
- 객체를 출력시키면 기본적으로 이 메소드가 실행 됨
- 굳이
.toString()을 써주지 않아도 출력
예제
let myObject1 = new Object();
console.log(myObject1);
console.log(myObject1.toString());결과
toString()Override- Override 하여 사용 가능
new Object()안해도 됨
예제
let student = {
name: 'nang',
grade: '1학년',
toString: function() {--------------------------------*
return this.name + " / " + this.grade;
}
}
console.log("Student : " + student); // .toString() 생략되어있어서 자동 출력결과
student객체의toString()이 출력
2. Number
Primitive Number는 속성이나 메소드 추가 못하지만 Object Number는 속성이나 메소드 추가 가능
.MAX_VALUE- Number 객체가 가질 수 있는 최대 값 메소드
.MIN_VALUE- Number 객체가 가질 수 있는 최소 값 메소드
예제
<!DOCTYPE html>
<html>
<head>
<script>
let maxNumber = Number.MAX_VALUE;
let minNumber = Number.MIN_VALUE;
console.log(maxNumber);
console.log(minNumber);
let primitiveNumber = 273;
let objectNumber = new Number(273);
// Number 객체에 메소드 추가 가능
Number.prototype.method = function() {
return "Method on Prototype";
};
console.log("Primitive: " + primitiveNumber);
console.log("Object: " + objectNumber + ' / ' + objectNumber.method());
</script>
</head>
</html>결과
3. String
3.1 String 객체 주요 메소드
charAt(position)- position에 위치하는 문자 리턴
concat(args)- 매개 변수로 입력한 문자열(args)을 이어 붙여서 리턴
indexOf(searchString, position)- 문자열 앞에서부터 일치하는 문자열의 위치를 리턴
lastIndexOf(searchString, position)문자열 뒤에서부터 일치하는 문자열의 위치를 리턴
split(separator, limit)- separator로 문자열을 잘라서 배열 리턴
substr(start, count)- start 부터 count 만큼 문자열을 잘라서 리턴
substring(start, end)- start부터 end 까지 문자열을 잘라서 리턴
toLowerCase()- 소문자로 바꾸어 리턴
- 값을 아예 바꾸는게 아니라 바꿔서 리턴만 함
toUpperCase()- 대문자로 바꾸어 리턴
- 값을 아예 바꾸는게 아니라 바꿔서 리턴만 함
let string = 'abc'; string.toUpperCase(); // X string = string.toUpperCae(); // O
예제
<!DOCTYPE html>
<html>
<head>
<script>
let str1 = 'Hello World!';
console.log(str1.length);
console.log(str1.charAt(4)); // o
console.log(str1.concat(" Hi, there!")); // Hello World! Hi, there!
console.log(str1.indexOf("World"));
console.log(str1.lastIndexOf("World"));
let ipaddress = "58.29.12.23";
let values = ipaddress.split('.');
console.log(typeof values);
console.log(values[0]);
console.log(ipaddress.substr(0, 3)); // 3까지가 아니라 3개
console.log(ipaddress.substring(4, 6)); // 숫자 앞에 커서를 두고 시작하고 커서가 숫자를 안지나면 그건 해당하지 않는 것
</script>
</head>
</html>- 결과 예상해보기
- 12
- o
- // Hello World! Hi, there!
- 6
- dont know > 6
- array > object
- 58
- 58.
- 9.
결과
4. Date
날짜 및 시간 관련 객체
- 매개변수
- 연, 월-1, 일, 시, 분, 초, 밀리초 순서로
- 월은 원하는 월-1의 값을 넣어야 함!
- 연, 월-1, 일, 시, 분, 초, 밀리초 순서로
예제
- 현재 날짜 및 시간 구하기
<!DOCTYPE html>
<html>
<head>
<script>
// 현재
let now = new Date();
console.log(now);
// sleep
for( let i = 0; i < 10000000; i++) {
;
}
// 지정 출력
let now2 = new Date('Tue Jan 28 2020 14:21:02');
console.log(now2);
console.log(now - now2); // timestamp 값으로 출력됨
</script>
</head>
</html>결과
반응형
LIST
'Javascript' 카테고리의 다른 글
| [Javascript] Object / with / this / 예제 (0) | 2020.04.23 |
|---|---|
| [Javascript] function 형태 (0) | 2020.04.21 |
| [Javascript] Math 함수 / method (0) | 2020.04.19 |
| [Javascript] array / array method / sorting 예제 (0) | 2020.04.18 |
| [Javascript] <table> 태그 / 표만들기 예제 (0) | 2020.04.14 |