Notice
Recent Posts
Recent Comments
Link
관리 메뉴

왕초보 코딩 개발 일지 블로그

[23.05.10] 자바스크립트 객체(object) 구조, 내장 객체 본문

Javacript

[23.05.10] 자바스크립트 객체(object) 구조, 내장 객체

아캔두우잇 2023. 5. 10. 11:48
반응형
// object 객체 : 여러 데이터를 하나의 변수에 저장할 수 있는 데이터 타입

// 구조 : {key1:value1, key2:value2, .....}
// key : 객체의 속성(property)
// value : 속성의 값 / 기본 자료형, 함수, 배열, 객체


// person이라는 object 개체가 생성됨
    // person이라는 개체(변수)에 다양한 데이터 타입의 내용들이 포함되어 있음
let person = {
    name : "이00",
    age : 30,
    wearGlasses : false,
    intro : function(){
        console.log("오늘도 공부를 열심히 합니다")
    },
    favorite : {
        food : "chickena🐔",
        drink : "americano☕"
    },
    smhrd : ['이람다','최성우','김윤호']
}

// 객체 접근 방법
console.log(person);

// 호이스팅 가능 (위에 이호준이 김민지로 바껴있음)
person.name = '김민지';
console.log(person);

// 새로운 데이터 추가
person.class = 'B';
console.log(person);
// 내장객체 : 자바스크립트에서 제공하는 객체
// Math, Date, Array


let today = new Date();
console.log(today);

let yesterday = new Date(2023, 4, 9);
//  첫 번째 인수는 연도를, 두 번째 인수는 월을 (0부터 시작하므로 4는 5월을 나타냅니다), 세 번째 인수는 일을 나타냅니다.
console.log(yesterday);


let tYear = today.getFullYear();
let tMonth = today.getMonth() + 1; // 0~11로 반환
let tDate = today.getDate();
let tDay = today.getDay(); // 0~6로 반환
let tHour = today.getHours();
let tMinute = today.getMinutes();
let tSeconds = today.getSeconds();


//요일 0~6 -> 일요일~토요일까지

switch(tDay) {
    case 0 : tDay='일'; break;
    case 1 : tDay='월'; break;
    case 2 : tDay='화'; break;
    case 3 : tDay='수'; break;
    case 4 : tDay='목'; break;
    case 5 : tDay='금'; break;
    case 6 : tDay='토'; break;
}


//출력형태
// 00년 00월 00일 00요일 00시 00분 00초입니다.-> 동적으로 변환
document.write(`${tYear}${tMonth}${tDate}${tDay}요일 <br> ${tHour}${tMinute}${tSeconds}초`);

 

반응형