객체 및 배열

개체 IronHack 문서

개체는 일반적으로 더 많은 양의 데이터를 할당하기 위한 중앙값으로 사용됩니다.

개체는 속성 모음이며 이러한 속성은 키 값 쌍으로 표시됩니다.

키-값 쌍은 속성으로 식별되고 값에 해당하는 문자열입니다.

let weeklySchedule = {
monday: 7-12
tuesday: 7-11
wednesday: 7-4
thursday: 7-3
friday: 7-9
}

"월요일", "화요일" 등은 ":"를 사용하여 숫자 값이 할당된 키입니다.

"weeklyschedule" 개체에서 개체 리터럴 구문을 사용하고 "{}"를 사용하여 개체를 생성했습니다.

개체의 값에 액세스하려면 개체 내부의 값을 표시하려면 다음과 같이 콘솔에 로그인해야 합니다.

console.log(weeklyschedule);

속성 값 변경

점 표기법을 사용하여 정의한 후 속성 값을 변경할 수 있습니다.

let workHours = {
mon: 8-4
tues:8-4
wed: 10-4
thurs:8-4
fri:8-4
}
workHours.wed = 12-4;

값을 변경하는 또 다른 방법은 대괄호 표기법입니다.

let workHours = {
mon: 8-4
tues:8-4
wed: 10-4
thurs:8-4
fri:8-4
}
workHours[tues] = 12-8;

"in" 연산자, 이 연산자를 사용하여 개체에 특정 속성이 있는지 확인할 수 있습니다.

let workHours = {
mon: 8-4
tues:8-4
wed: 10-4
thurs:8-4
fri:8-4
}
'mon' in workHours // true
'sat' in workHours // false

"delete"를 사용하여 속성을 제거할 수 있습니다.

let favoriteCarBrand = {
make1: 'Ferrari'
make2: 'Honda'
make3: 'Nissan'
}
delete favoriteCarBrand.make1 // dot method
delete favoriteCarBrand['make1'] // bracket method

속성 나열

한 방법은 "Object.keys()"이고 다른 방법은 "for...in 루프"입니다.

let favoriteCarBrand = {
make1: 'Ferrari'
make2: 'Honda'
make3: 'Nissan'
}
Object.keys(favoriteCarBrand) // object.keys method
for(let key in favoriteCarBrand){
console.log(key); // for in loop method
}

배열 및 개체 IronHack 문서

배열과 객체는 데이터 구조의 몇 가지 예이며, 데이터 구조는 데이터를 저장하는 특정 방법입니다

특정 상황에서 개체 내부의 배열을 사용하여 생산성을 높일 수 있습니다.

let finalProjectGroups = {
['John', 'Alyssa', 'Robert']
['Isabella', 'Dylan', 'Alejandro'] 
['Jorge', 'Nicolas', 'Daniel']
}

일부 객체는 보유하는 데이터의 양에 따라 복잡한 객체로 알려져 있습니다. 예를 들면 다음과 같습니다.

let peopleInTennisLessons = {
{ firstname:'Alejandro', lastname;'Rodriguez' age: 24 }
{ firstname:'Alyssa', lastname;'Garcia' age: 21 } 
{ firstname:'Alex', lastname;'Garcia' age: 15 }
{ firstname:'Darian', lastname;'Alexi' age: 18 }

객체 내부의 객체

개체에 개체를 만들 때 액세스 방식이 변경되면 개체 내부에 개체를 만들고 액세스할 수 있습니다.

let virtualClassroom2 = {
teacher: { firstname:'Alberto' lastname:'Garcia' age:35
};
console.log(virtualClassroom2.teacher) / * this shows all values in "teacher" * /
console.log(virtualClassroom2.teacher.age) / * this is how you access values in an object inside of an object * /
}

Udemy Net Ninja 섹션 5