은은하게 코드 뿌시기

자바스크립트 - 객체 본문

웹/웹프로그래밍

자바스크립트 - 객체

은은하게미친자 2022. 11. 10. 14:59
728x90

자바스크립트의 객체 ?

속성, 메서드, (하위)객체 로 이루어진 모든 것

 

객체의 종류

: 내장 객체, 브라우저 객체, 문서 객체, 사용자 정의 객체

 

자바스크립트 내장객체

: 자바스크립트 엔진에 객체를 생성할 수있는 함수가 내장되어 필요한 경우 생성하여 사용 할수잇음.

 

내장객체 생성

1. 기본형 :  참조변수 = new 객체 생성 함수();

var car = new Object();
car.color = "white";
car.price = "1000만원";
car.getinfo = function(){
    document("색상: ", this.color, "<br>");
    document("색상: ", this.color, "<br>");

}
* 리터럴방식

var car = {
  "color" : "while",
   "price": "1000만원",
   "getinfo":function(){
        스크립트 코드
    }
}

2. 날짜 정보객체

참조변수 = new Date(  );
참조변수 = new Date("년/월/일")
var today = new Date();
var y = today.getFullYear();
var m = today.getMonth();
var d = today.getDate();
var day = today.getDay();

        document.write(y, "<br>");
        document.write(m, "<br>");
        document.write(d, "<br>");
        document.write(day, "<br>");

3. 수학객체

Math.메소드();

Math.속성;

var num = 1.56;

Math.round(num); //2 첫재짜림 반올림
Math.floor(num);  //1 소수점 절삭
Math.ceil(num);    //2 소숫점 올림
Math.random();    //0~1 난수발생

4. 문자객체

참조변수 = new String("string");

리터럴방식

참조변수 = "string";

참조변수.메서드();

참조변수.속성();

var str = "hello welcome";

str.charAt(6);   //w
str.indexOf("w");  //6
str.lastindexOf("e"); //12

Str.indexOf("p"); //-1

5. .배열 객체

참조변수 = new Array(값1,값2, 값3);

 

참조변수 = new Array();

참조변수[0] = 값1;

참조변수[1] = 값2;

참조변수[2] = 값3;

 

참조변수 [인덱스번호]

 

var arr1 = new Array("값","을","병","정");
document.write(arr1[2], "<br>");

var arr2 = ["값", "을", "병", "정"];
document.write(arr[2], "<br>");

6. 브라우저 객체

브라우저(window)에 내장된 객체

window 는document, screen, location, history, navigator 를 포함하고있다.

 

 

728x90
Comments