자바스크립트 객체를 위한 6가지 유용한 방법 ✨

안녕하세요 여러분, 오늘은 자바스크립트에서 가장 많이 사용되는 객체 메소드에 대해 알아보겠습니다.

직접 div를 깊게 해보자.

1-Object.values()



객체 값의 배열 반환

이 객체가 있고 값만 가져와야 한다고 가정합니다.

  const car = {name:'Audi', model:'a4', year:2020}
  const values = Object.values(car)
  console.log(values)
  //output ['Audi', 'a4', 2020]


2-Object.keys()



객체의 Keys(names) 배열을 반환하는 첫 번째 함수의 반대입니다.

  const car = {name:'Audi', model:'a4', year:2020}
  const keys = Object.keys(car)
  console.log(keys)
  //output ['name', 'model', year]


쉽죠?

3-Object.assign()



개체를 병합하거나 복제하는 데 유용합니다.

  const car = {name:'Audi', model:'a4', year:2020}
  const details = {color:'red', type:'Coupe', year:2021}


  const combined = Object.assign({},car,details)
  console.log(combined)
  //output {name:'Audi', model:'a4', color:'red', type:'Coupe', year:2021}


참고 사항: 두 개체가 동일한 속성을 가지고 있으면 두 번째 개체의 값을 사용합니다.



4-Object.entries()



배열로 래핑된 객체의 각 키:값 쌍에 대한 반환 배열

  const car = {name:'Audi', model:'a4', year:2020}
  const items= Object.entries(car)
  console.log(items)
  //output [ [name:'Audi'], [model:'a4'], [year:2020] ]


5-Object.freeze()



객체를 더 이상 변경할 수 없게 만듭니다.

  const car = {name:'Audi', model:'a4', year:2020}
  Object.freeze(car)

  car.year = 2021
  console.log(car)
  //output [ [name:'Audi'], [model:'a4'], [year:2020] 



참고: 객체가 고정되었는지 확인하려면 Object.isFrozen(car)을 사용합니다. 고정된 경우 true를 반환하고 그렇지 않은 경우 false를 반환합니다.



6-Object.seal()



Object.freeze()와 유사하지만 차이점은 쓰기 가능한 한 개체의 속성을 변경할 수 있다는 것입니다(메소드 아님). 그러나 삭제하거나 새로 추가할 수는 없습니다.

  const car = {name:'Audi', model:'a4', year:2020}
  Object.seal(car)

  //this will work
  car.year = 2021
  console.log(car.year) // output 2021

  //this will Not work
  delete car.year
  console.log(car.year) // output 2021


참고: 객체가 봉인되었는지 확인하려면 Object.isSealed(car)를 사용하고 봉인된 경우 true를 반환하고 그렇지 않은 경우 false를 반환합니다.



오늘은 여기까지입니다. 도움이 되셨길 바랍니다.
감사합니다, 생산적인 하루 되세요❤️

좋은 웹페이지 즐겨찾기