TIL

zumwhol·2021년 4월 5일
0

✍🏻객체

  • 객체는 다양한 데이터를 담을 수 있다. 객체는 property를 가지고 있는데, 키(key):값(value) 한쌍으로 이루어져 있다. 키에는 문자형이 들어있고 값에는 모든 자료형이 들어갈 수 있다.
  • 객체의 첫번째 키값쌍 뒤 두번째 프로퍼티를 넣을때엔 ','을 넣어줘야 한다.
  • 프로퍼티 키는 프로퍼티의 이름이나 식별자라고도 부른다. 이 키(식별자)를 이용해 프로퍼티를 찾거나 추가 삭제할 수 있다.
  • dot notation과 bracket notation으로 키를 찾으면 키가 가진 값이 나온다. bracket notation으로 접근할땐 키는 문자형이므로 문자형으로 접근해야한다.

let zumwholInfo = {
name : 'zumwhol',
gender : 'male'
}
console.log(zumwholInfo.name) --> zumwhol
console.log(zumwholInfo['gender']) --> male

  • delete 연산자를 사용하면 프로퍼티를 삭제할 수 있다.

let zumwholInfo = {
name : 'zumwhol',
gender : 'male'
}
delete zumwholInfo['gender']
console.log(zumwholInfo) --> {name:'zumwhol'}

  • 상수 객체의 내용도 수정될 수 있다.

const zumwholInfo = {
name : 'zumwhol',
gender : 'male'
}
zumwholInfo.name = 'Hong'
console.log(zumwholInfo.name) --> Hong

  • bracket notation으로 변수를 키로 사용할 수 있다. 이때는 프로퍼티의 키가 아닌 변수로 접근했으니 문자형이 아니다.

let zumwholInfo = {
name: "zumwhol",
gender: "male"
}
let key = prompt("어떤 정보를 원하세요?","gender");
console.log(user[key]) --> male

  • 단축 프로퍼티

function zumwholInfo(name, gender){
return{
name: name, // 인자로 name을 값으로 받고 있다.
gender: gender // 인자로 gender을 값으로 받고 있다.
};
}
let something = zumwholInfo("zumwhol", "male");
console.log(something.name) --> zumwhol

  • for...in문

for(key in object){
//객체의 모든 키를 순회한다.
}

let zumwholInfo = {
name: "zumwhol",
gender: "male",
"Favorite brand": "patagonia"
}
for(let key in zumwholInfo){
console.log(key) --> "name", "gender", "favorit brand"
console.log(zumwholInfo[key]) --> "zumwhol", "male", "patagonia"
}

🥲자바 스크립트와 객체는 엄청나게 연관이 깊다고 들었는데, 나는 객체를 제일 모르는 것 같다. 친해지자

관심 있을 만한 포스트

0개의 댓글