Javascript Object 관련 메소드

.·2022년 6월 30일
0

blog

목록 보기
17/52

[1] 객체 조회하는 방법

객체["키"]
객채.키 // 키 대신에 키값을 넣은 변수를 넣으면 작동이 되지 않는다.
객체[키값을담은변수]

[2] 객체 추가하는 방법

객체["키"] = 값;

[3] 객체 삭제하는 방법

delete 객체.키;

[4] 객체 안의 문자열 기준으로 정렬하는 방법

let List = [
  { number: 1, title: "장미", price: 4000 },
  { number: 2, title: "식칼", price: 7000 },
  { number: 3, title: "슬리퍼", price: 12000 },
  { number: 4, title: "주전자", price: 5000 },
  { number: 5, title: "선풍기", price: 5700 },
  { number: 6, title: "마우스 패드", price: 1800 },
  { number: 7, title: "휴대폰 케이스", price: 5500 },
  { number: 8, title: "마우스", price: 6500 },
];

const func = () => {
  List.sort(function (a, b) {
    return a.price - b.price;
  });
};
func();

[5] 객체 반복문(for in) 이용하기

객체의 key값을 받아서 사용을 할 수 있다,

let object = { a: "aa", b: "bb", c: "cc" };
for (const d in object) {
  console.log(d); // a,b,c
  console.log(object[d]); //aa,bb,cc
}

[6] 객체 값만 조회해오기

Object.values(객체)

const obj = {
  1: "철수",
  2: "영희",
  3: "맹구",
  4: "훈이",
  5: "유리"
};

console.log(Object.values(obj)); // ["철수","영희","맹구","훈이","유리"]

[7] 객체 키만 조회해오기

Object.keys(객체)

const obj = {
  1: "철수",
  2: "영희",
  3: "맹구",
  4: "훈이",
  5: "유리"
};

console.log(Object.keys(obj)); // ["1","2","3","4","5"]

[8] entires

키와 값 배열형태로 뱐환해준다.

Object.entries(객체)

for(let [key,value] of Object.entries(객체)) {
    
}
const obj = {
  1: "철수",
  2: "영희",
  3: "맹구",
  4: "훈이",
  5: "유리"
};

console.log(Object.entries(obj)); 
// [
//    ["1","철수"],
//    ["2","영희"],
//    ["3","맹구"],
//    ["4","훈이"],
//    ["5","유리"],
// ]

[9] assign

객체를 병합해서 반환하는 메소드, 키의 값이 일치하면 덮어쓰기를 한 후에 객체로 반환을 한다.
Object.assign({},obj1,obj2)

const obj1 = {
  1: "철수",
  2: "영희",
  3: "맹구",
  4: "훈이",
  5: "유리"
};

const obj2 = {
  1: "철",
  2: "영",
  3: "맹",
  4: "훈이",
  5: "유리"
};

console.log(Object.assign({},obj1,obj2)) // { 1: "철", 2: "영", 3: "맹", 4: "훈이", 5: "유리"
} 

[10] 빈 객체인지 확인

객체.constructor === Object && Object.keys(객체) === 0

0개의 댓글