[js] 배열 map으로 object에 key 추가하기, value 추가

map으로 object에 key 추가하기

 

map으로 object에

key 추가하는 방법입니다.

 

before

//datas
0: {day: '2022-05-10'}
1: {day: '2022-05-11'}
2: {day: '2022-05-12'}
3: {day: '2022-05-13'}
4: {day: '2022-05-14'}
5: {day: '2022-05-15'}
6: {day: '2022-05-16'}

 

가공 후  after

0: {day: '2022-05-10', data: ''}
1: {day: '2022-05-11', data: ''}
2: {day: '2022-05-12', data: ''}
3: {day: '2022-05-13', data: ''}
4: {day: '2022-05-14', data: ''}
5: {day: '2022-05-15', data: ''}
6: {day: '2022-05-16', data: ''}

 

map 이용하고 object에 key 추가

• map으로 객체에 data 속성을 추가합니다.
• {} 의 경우 함수 내에 () 가로로 묶어줍니다.

let values = []
const filter = datas.map(data => ({
    ...data, data: ''
}))

values = [...filter]

 

before

0: {day: '2022-06-12', data: 102}
1: {day: '2022-06-13', data: 102}
2: {day: '2022-06-14', data: 102}
3: {day: '2022-06-15', data: 80}
4: {day: '2022-06-16', data: 80}
5: {day: '2022-06-17', data: 80}
6: {day: '2022-06-18'}

 

가공 후  after

0: {day: '2022-06-12', data: 102}
1: {day: '2022-06-13', data: 102}
2: {day: '2022-06-14', data: 102}
3: {day: '2022-06-15', data: 80}
4: {day: '2022-06-16', data: 80}
5: {day: '2022-06-17', data: 80}
6: {day: '2022-06-18', data: 0} //data 값이 없을때 0값 넣어주기

 

map 이용하고 object에 value값 추가

 

let values = []
 values = datas.map(el => {
    if (!el.data) { //data 값이 없을때 
      return { ...el, data: 0 } //데이터에 값 추가
    } else return el
  })

 

object에서 key 추가, value 값 변경

let fruits = {
  apple : "green",
  peach : "red",
  banana : "yellow"
};

// 속성 추가
fruits["strawberry"] = 'pink';
console.log(fruits["strawberry"]); //pink

// 속성 값 변경
fruits["banana"] = "gold";
console.log(fruits["banana"]); //  "gold"

console.log(fruits);
//{apple: 'green', peach: 'red', banana: 'gold', strawberry: 'pink'}