프로그래밍과 데이터 (1) 객체

객체(object)

중괄호를 통해 만들 수 있으며 다양한 값들은 쉼표를 사용하여 구분한다.

값들은 콜론과 함께 이름을 붙여 사용한다.

 

ex)let fruit= {

 apple: "red",

 banana: "yellow",

 kiwi: "green"

} ;

이때 red, yellow, green은 value 값이고, apple, banana, kiwi는 key 값이며

key와 value 한 쌍을 속성이라고 부른다.

 

key 이름을 지을 때는 

1. 첫 번째 글자는 반드시 문자, 언더바(_), 달러($)중 하나로 시작해야한다.

2. 띄어쓰기와 하이픈(-)은 사용하지 못한다.

3. ""로 묶어주면 위와 상관없이 사용 가능하다.

 

value는 모든 자료형 값을 사용할 수 있으며 값 안에 또 다른 객체를 넣을 수 있다. 

 

점표기법 (objectName.propertyName)

객체이름.value이름 순으로 적어서 불러올 수 있다. 

ex)  fruit.apple

따옴표로 묶여있는 이름의 경우는 점 표기법이 불가하다.

 

대괄호 표기법(objectName['propertyName'])

객체이름 다음 대괄호를 넣어 value이름을 문자열로 작성해주는 방식이다.

ex) fruit['apple'];

 

key 값을 수정하고 싶다면

fruit.kiwi = "purple";  처럼 재할당하면 된다.

 

key 값을 삭제하고 싶다면 

delete.fruit.kiwi; 처럼 delete를 이용하면 된다.

이렇게 삭제한 경우 key값은 undefined 로 출력된다.

 

객체 안에 속성이 있는지 확인하고 싶다면

console.log("banana" in fruit); 처럼 작성하면 불린형으로 출력된다. 

 

 

메소드

객체 속성에 함수가 들어가는 경우를 뜻한다.

let greetings={

 sayHello: function(){

  console.log("Hello")

  }

};

greeetings.sayHello();

 

 

for...in 반복문

객체 속성을 가져오기 때문에 일반적인 반복문으로는 대체할 수 없다.

for(변수 in 객체){

   동작부분

}

 

ex)

for(let key in fruit){

 console.log(key);  

}

key라는 변수를 만들고 fruit객체의 속성 개수만큼 반복을 하는데 

이때 key라는 변수에 fruit 객체인 속성이름들이 차례대로 전달되는 방식이다. 

따라서 apple banana kiwi 순으로 출력된다. 

 

Date 객체 (날짜)

자바스크립트가 미리 가지고 있는 내장 객체 중 하나이다.

let myDate = new Date() // myDate라는 변수를 선언하여 date객체를 할당한다.

요일, 월, 일, 연도, 시간, 시간대 순으로 출력된다.

 

Date 객체를 생성할 때 괄호 안에 숫자 값을 넣어주면

1970년 1월 1일 00:00:00 으로 부터

넣어준 숫자 값의 밀리초만틈 지난 객체가 만들어진다. 

(타임스탬프: myDate객체가 1970년 1월 1일 00:00:00 으로부터 몇 밀리초가 지났는지)

 

Date 객체를 생성할 때 괄호 안에 문자열을 넣어주면

new Date('YYYY-MM-DD')로 적어 날짜를 나타낼 수 있고,

new Date('YYYY-MM-DDThh:mm:ss')로 적어 날짜와 시간을 나타낼 수 있다. 

 

Date 객체를 생성할 때 괄호 안에 여러 개의 값을 넣어주면

new Date(YYYY, MM, DD, hh, mm, ss, ms) 순서대로 적을 수 있으며

년도와 월은 필수이며 나머지는 생략 가능하다. 

 

이때 달과 요일은 0부터 시작하므로 주의해야한다. 

new Date(YYYY, MM, DD, hh, mm, ss, ms) 에서 

getFullYear, getMonth, getDate, getDay, getHours, getMinutes, getSeconds, getMilliseconds 메소드를 이용하여 myDate 객체에서 값을 출력할 수 있다.

console.log(myDate.toLocaleDateString()); // myDate가 가진 날짜에 대한 정보 (년. 월. 일)
console.log(myDate.toLocaleTimeString()); // myDate가 가진 시간에 대한 정보 (시:분:초)
console.log(myDate.toLocaleString()); // myDate가 가진 날짜와 시간에 대한 정보 (년. 월. 일 시:분:초)

처럼 일괄적으로 묶어서 확인할 수도 있다.