JavaScript
데이터 불러오기 : 객체2
초짜코딩
2022. 4. 13. 17:05

18. 객체 : 데이터 불러오기 : hasOwnProperty()
{
const obj = {
a: 100,
b: 200,
c: "javascript"
}
document.write(obj.hasOwnProperty('a'));
document.write(obj.hasOwnProperty('b'));
document.write(obj.hasOwnProperty('c'));
document.write(obj.hasOwnProperty('d'));
document.write('a' in obj);
document.write('b' in obj);
document.write('c' in obj);
document.write('d' in obj);
}
결과보기
true
true
true
false
true
true
true
false
true
true
false
true
true
true
false
19. 객체 : 데이터 불러오기 : 펼침 연산자 -복사
{
const obj = {
a: 100,
b: 200,
c:"javascript"
}
const spread = {...obj}
document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
}
결과보기
100
200
javascript
200
javascript
20. 객체 : 데이터 불러오기 : 펼침 연산자 - 추가
{
const obj = {
a: 100,
b: 200,
c:"javascript"
}
const spread = {...obj, d: "jaquery"}
document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);
}
결과보기
100
200
javascript
jquery
200
javascript
jquery
21. 객체 : 데이터 불러오기 : 펼침 연산자 - 결합
{
const objA = {
a: 100,
b: 200,
}
const objB = {
c: "javascript",
d: "jquery",
}
const spread = {...objA, ...objB}
document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);
}
결과보기
100
200
javascript
jquery
200
javascript
jquery
22. 객체 : 데이터 불러오기 : 비구조화 할당
{
const obj = {
a: 100,
b: 200,
c: "javascript"
}
const {a,b,c} = obj;
document.write(a);
document.write(b);
document.write(c);
}
결과보기
100
200
javascript
200
javascript
23. 객체 : 데이터 불러오기 : 비구조화 할당 : 별도 이름 저장
{
const obj = {
a: 100,
b: 200,
c: "javascript"
}
const {a:name1, b:name2, c:name3} = obj;
document.write(name1);
document.write(name2);
document.write(name3);
}
결과보기
100
200
javascript
200
javascript