본문 바로가기
이과/HTML,CSS,JS

object 다루기

by 코딩초밥 2022. 11. 11.
반응형

object를 사용하려고 하는데 너무 계념이 어렵고 복잡했었다.

내가 사용한 flow 만 기록하려고한다.

 

object1 = {"0":"banana","1":"apple","2":"orange"}
object2 = {"0":"green","1":"blue","2":"red"}
//object 더하기
Object.assign(object1, object2);

output : {"0":"banana","1":"apple","2":"orange", "3" : "green", "4" : "blue", "5" : "blue" , "6" : "red"}

 

for (const [key, value] of Object.entries(object1)) {
                    console.log(`${key}: ${value}`);
                    
                  }

output :

0 : banana

1 : apple

2:  orange

 

 

 

내가 삭제를 원하는 특정 value을 제거하기.

Object.fromEntries(Object.entries(object1).filter(([k,v])=> v !== 'apple'))

output:

{"0":"banana","2":"orange"}

 

삭제를 하면 중간에 특정값이 비니까 다시 정렬 하기.

JSON.stringify({...Object.values(object1)});

output:

{"0":"banana","1":"orange"}

 

 

 

2중 object 에서 값 가져오기

예를 들어 아래와 같은 2중 object 가 있을경우에 ip값만 빼고싶다면

var e =	{"dns":{"geo":"South Korea - Korea Telecom","ip":"111.222.333.444"}}

 

e.dns[Object.keys(e.dns)[1]]

output : 111.222.333.444

이런식으로 값을 가져오면된다.

 

 

https://ko.javascript.info/keys-values-entries

참고 사이트

 

반응형

'이과 > HTML,CSS,JS' 카테고리의 다른 글

forelse , for 문으로 만들면 class 값이 같을때.  (0) 2022.11.29
javascript prototype global 값 만들기  (0) 2022.11.29
data-id 활용법  (1) 2022.09.30
CSS_박스  (1) 2021.05.30
CSS_의사선택자  (4) 2021.05.23

댓글