prestudy-week3

Sunghee Kim·2022년 4월 26일
0

1)객체(object)란 무엇이며 필요한 이유

객체는 자바스크립트 데이터 타입 중의 하나입니다. 배열인데 key종류가 좀더 다양하다.
key값과 value값을 쌍으로 이루어져 있고, 배열과는 다르게 순서가 중요하지 않습니다.

2)객체에서 property, key, value

객체는 property 집합이며, preoperty는 key와 value로 구성된다.
(key의 경우 string만 쓸경우는 굳이 ' '를 안써도 되지만 value는 무조건 string에 ' '를 써줘야 함. )
객체를 생성할 때는 {} 안에 key와 value를 쌍으로 묶어서 만들어 줍니다.
key값이 여러개일 때는 쉼표(,)로 구분해줍니다.
객체를 만드는 방법은 여러가지인데 그 중에 아래와 같이 중괄호를 이용해 만드는 방식을 Object Literal이라고 합니다.

let person1 = {
name: '곽철용',
bloodType: 'AB형',
mbti: 'ENFP',
favoriteCoffee: '바닐라라떼'
}

3)객체에 접근 하는 두 가지가 있는 이유

객체로 표현하면 순서가 없기 때문에 index number를 기억하지 않아도 됩니다.

우리가 원하는 정보의 key값만 알면 정보에 접근할 수 있습니다.

객체 속성 접근(Dot Notation)

객체이름.key를 하면 value를 얻을 수 있음.

객체 속성 접근(Bracket Notation)

객체이름['key']

4)객체의 값을 추가,수정, 삭제하는 방법

객체 속성값 변경

속성 추가와 같은 방법으로 속성을 수정합니다.
기존 속성이 있으면 변경하고 , 없으면 추가하는 구조입니다.

객체 속성 추가

객체["속성"] = 속성값;
객체.속성 = 속성값;
속성값은 객체, 배열, 문자열, 숫자, 불리언, null 등이 가능합니다.
하위 객체에 속성을 추가하려면

객체.객체.객체.속성 = 속성값;
객체.객체["속성"] = 속성값;

객체 속성 삭제

객체 속성 삭제는 조금 독특한 방법을 사용합니다.
별도로 delete 연산자가 있으며
delete 객체.속성;

5)객체와 배열이 섞인 복잡한 객체 만들어서 접근하는 방법

ex)
function accessArray() {
//아래의 코드는 수정하지마세요.
let myPlants = [
{
type: "flowers",
list: [
"rose",
"tulip",
"dandelion"
]
},
{
type: "trees",
list: [
"fir",
"pine",
"birch"
]
}
];
let foundValue = myPlants[1].list[1];
return foundValue;
}

6)배열의 타입이 객체인 이유

배열은 자바스크립트의 일곱 가지 원시 자료형에 해당하지 않고, 원시 자료형이 아닌 객체형에 속하기 때문에 객체처럼 동작한다.
https://velog.io/@minj9_6/JavaScript-%EB%B0%B0%EC%97%B4%EA%B3%BC-%ED%95%A8%EC%88%98%EA%B0%80-%EA%B0%9D%EC%B2%B4%EC%9D%B8-%EC%9D%B4%EC%9C%A0%EB%A5%BC-%EB%B0%9D%ED%98%80%EB%9D%BC

https://velog.io/@peaceminusone/%EB%B0%B0%EC%97%B4%EC%9D%98-%ED%83%80%EC%9E%85%EC%9D%B4-%EA%B0%9D%EC%B2%B4%EC%9D%B8-%EC%9D%B4%EC%9C%A0

profile
개발하는 스트롱맘

0개의 댓글