Front/JavaScript

[JavaScript] 객체

ddo04 2024. 7. 5. 23:51

πŸ§±β€Š for in

  • 객체에 μ‚¬μš©ν•  수 μžˆλŠ” 반볡문
  • λ°°μ—΄μ—μ„œ μ‚¬μš©ν•˜λŠ” for ofλΌλŠ” λ°˜λ³΅λ¬Έμ— 객체 버전
  • 객체λ₯Ό μˆœν™˜
  • 객체에 ν¬ν•¨λ˜μ–΄ μžˆλŠ” λͺ¨λ“  ν‚€ 값을 μˆœν™”ν•˜λ©΄μ„œ 좜

πŸ§±β€Š 객체 μΆ•μ•½ 방법 

  • 킀와 값이 λ˜‘κ°—μ€ 이름을 μ‚¬μš©ν•  λ•Œ 뒷뢀뢄을 μ§€μš°κ³  μ€‘λ³΅λ˜λŠ” 이름을 ν•œ 번만 λͺ…μ‹œν•΄μ„œ ν”„λ‘œνΌν‹°λ₯Ό μ•½ν•΄μ„œ ν‘œν˜„
const name = '겨울';
const country = 'KR';

const user = {
    name: name,
    country: country,
};

console.log(user);

πŸ§±β€Š λ©”μ†Œλ“œ μΆ•μ•½ ν‘œν˜„

  • 객체의 ν”„λ‘œνΌν‹°λ‘œ 선언이 된 ν•¨μˆ˜λ₯Ό λ©”μ†Œλ“œλΌκ³  함
  • ν•¨μˆ˜λ₯Ό ν˜ΈμΆœν•  λ•ŒλŠ” 객체의 ν”„λ‘œνΌν‹°λ‘œ μ ‘κ·Ό
  • 객체 λ‚΄λΆ€μ˜ λ©”μ†Œλ“œλ₯Ό μž‘μ„±μ„ ν•  λ•Œ ν‰μ„ μ΄λΌλŠ” ν‚€μ›Œλ“œλ₯Ό μƒλž΅ν•˜κ³  λ©”μ†Œλ“œλ₯Ό μΆ•μ•½ν•΄μ„œ ν‘œν˜„ν•  수 있음
const obj = {
    greeting(){
        console.log('Hi!');
    },
};

obj.greeting();

πŸ§±β€Š Object.key

  • keyλ₯Ό 뽑아낼 수 μžˆλŠ” λ©”μ†Œλ“œ
  • 인자둜 객체λ₯Ό 전달해주면 μ§€μ •λœ 객체가 κ°€μ§€κ³  μžˆλŠ” key듀을 λ°°μ—΄λ‘œ λ°˜ν™˜
const obj = {
    x : 10,
    y : 20,
    z : 30,
};

console.log(Object.keys(obj));

πŸ§±β€Š 정적 λ©”μ†Œλ“œ 호좜 

  • μ „μ—­ 객체 Object μ•ˆμ— μžˆλŠ” keysλΌλŠ” 정적 λ©”μ†Œλ“œλ₯Ό μ‚¬μš©ν•˜λŠ” 것
  • λ³€μˆ˜, λ©”μ†Œλ“œ()둜 λ°”λ‘œ μ‚¬μš©ν•  수 μžˆλŠ” 건 객체의 자체 λ‚΄μž₯ λ©”μ†Œλ“œ
  • μ‹€μ œ 객체가 μžˆμ–΄μ•Ό 객체λ₯Ό μƒμ„±ν•΄μ•Όλ§Œ μ‚¬μš©ν•  수 있음
  • 객체λ₯Ό μƒμ„±ν•˜μ§€ μ•Šκ³ λ„ λΆˆλŸ¬λ‚΄μ„œ μ‚¬μš©ν•  수 있음
  • 정적 λ©”μ†Œλ“œλ“€μ€ μƒμ„±λœ 객체에 λ‚΄μž₯λ˜μ–΄ μžˆλŠ” 것이 μ•„λ‹ˆλΌ Object, Array ν΄λž˜μŠ€κ°€ κ°€μ§€κ³  있기 λ•Œλ¬Έμ— μ•žμ— Object λ˜λŠ” Array 등을 λΆ™μ—¬μ•Ό μ‚¬μš© κ°€λŠ₯
  •  isArrayλŠ” 배열인지λ₯Ό νŒλ³„ν•΄μ£ΌλŠ” λ©”μ†Œλ“œ
  • 정적 λ©”μ†Œλ“œλ“€μ€ 객체λ₯Ό μƒμ„±ν•˜μ§€ μ•Šκ³ λ„ λ°”λ‘œ μ‚¬μš©ν•  수 있음
const obj = {
    x : 10,
    y : 20,
    z : 30,
};

console.log(Array.isArray(obj));

πŸ§±β€Š Object.values()

  • 였브젝트 뒀에 점을 뢙이고 values
  • μ˜€λΈŒμ νŠΈκ°€ κ°€μ§€κ³  μžˆλŠ” 값듀을 λ°°μ—΄λ‘œ λ°˜ν™˜
const obj = {
    x : 10,
    y : 20,
    z : 30,
};

console.log(Object.values(obj));

πŸ§±β€Š Object.entries()

  • entries λ©”μ†Œλ“œλ₯Ό μ‚¬μš©ν•˜κ³  인자둜 객체λ₯Ό 전달해 μ£Όμ‹œλ©΄ 됨
  • 각각의 ν”„λ‘œνΌν‹°
  • 킀와 κ°’μ˜ μŒμ„ ν•˜λ‚˜λ‘œ λ¬Άμ–΄μ„œ κ·Έκ²ƒλ“€μ„κ°œλ³„μ μΈ μš”μ†Œλ‘œ κ°€μ§€λŠ” λ°°μ—΄λ‘œ λ°˜ν™˜ν•˜λŠ” κΈ°λŠ₯
const obj = {
    x : 10,
    y : 20,
    z : 30,
};

console.log(Object.entries(obj));