자바스크립트 객체를 위한 6가지 유용한 방법 ✨
8770 단어 programmingwebdevjavascript
직접 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를 반환합니다.
오늘은 여기까지입니다. 도움이 되셨길 바랍니다.
감사합니다, 생산적인 하루 되세요❤️
Reference
이 문제에 관하여(자바스크립트 객체를 위한 6가지 유용한 방법 ✨), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/abdelrahman/6-useful-methods-for-javascript-objects-5aoc
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
const car = {name:'Audi', model:'a4', year:2020}
const values = Object.values(car)
console.log(values)
//output ['Audi', 'a4', 2020]
객체의 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를 반환합니다.
오늘은 여기까지입니다. 도움이 되셨길 바랍니다.
감사합니다, 생산적인 하루 되세요❤️
Reference
이 문제에 관하여(자바스크립트 객체를 위한 6가지 유용한 방법 ✨), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/abdelrahman/6-useful-methods-for-javascript-objects-5aoc
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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}
배열로 래핑된 객체의 각 키:값 쌍에 대한 반환 배열
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를 반환합니다.
오늘은 여기까지입니다. 도움이 되셨길 바랍니다.
감사합니다, 생산적인 하루 되세요❤️
Reference
이 문제에 관하여(자바스크립트 객체를 위한 6가지 유용한 방법 ✨), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/abdelrahman/6-useful-methods-for-javascript-objects-5aoc
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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.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를 반환합니다.
오늘은 여기까지입니다. 도움이 되셨길 바랍니다.
감사합니다, 생산적인 하루 되세요❤️
Reference
이 문제에 관하여(자바스크립트 객체를 위한 6가지 유용한 방법 ✨), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/abdelrahman/6-useful-methods-for-javascript-objects-5aoc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)