본문 바로가기
Study/JavaScript

[JavaScript] 객체

by YoungD 2024. 1. 26.

객체

: 여러 데이터를 하나의 변수에 저장할 수 있는 데이터 타입

  - if 구조 : {key1:value2, k2: v2...}

  - key: 객체의 속성(property)

  - value: 속성의 값/ 기본자료형, 함수, 배열, 객체

 

 

    <script>

        // 객체 생성
 
        let person ={
            "name": "youngD",
            age: 20,
            male:true,

            intre: ()=>{
                console.log('안녕하세요!');
            },

            favorite: {
                food: "pizza",
                drink: "coffee"
            },

            epl: ['손흥민', '황희찬', '케인']
        }

        console.log(person);
       
    </script>

 

 

 

 
        // 객체 접근
 
        console.log(person);
        console.log("이름 :", person.name);
        console.log("나이 :", person.age);
        console.log("남성 :", person.male);
        console.log("축구선수 :", person.epl[0]);
 

 

 

 


        // 속성값 변경 및 추가
 
        person.name = "OldD"
        console.log("이름변경 :", person.name);
        console.log(person);

        person.height = 183;
        console.log("키 :", person.height);

        console.log(person);
       

 

 

내장 객체

 
    <script>
 
        // 내장객체(Date)
        // Date 객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터
           지난 시간을 밀리초로 나타내는 유닉스 타입스탬프(날짜와 시간을 표시하는 객체)를 사용
        // let date = new Date() 매개변수를 입력하지 않으면 현재 시각으로 초기화
 
 
        let today = new Date();
        console.log(today);
 

        // 년, 월, 일
 
        let year = today.getFullYear();
        let month = today.getMonth()+1;
        let date = today.getDate();

        console.log(year, month, date);
 

        // 시, 분, 초
 
        let hour = today.getHours();
        let minute = today.getMinutes();
        let second = today.getSeconds();

        console.log(hour, minute, second);

    </script>
 

'Study > JavaScript' 카테고리의 다른 글

[JavsScript] DOM 구조  (0) 2024.02.08
[JavaScript] 함수, 계산기 만들기  (0) 2024.01.25
[JavaScript] 배열  (0) 2024.01.23
[JavaScript] 반복문 (for문)  (1) 2024.01.22
[JavaScript] 반복문 (While문)  (0) 2024.01.19