[#. JavaScript] 기존 배열에 새로운 배열 추가하기

 

 

 

 

 

 

 

react redux에서 장바구니에 데이터를 추가할 때

장바구니에 추가 버튼을 클릭할 때마다 기존 데이터는 유지하고 새로운 데이터를 추가하고 싶다

 

Object.assign()에 이것저것 찾아봤지만 사실 비구조화 할당(구조 분해)을 이용해서 간단하게 사용할 수 있다

 

 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

구조 분해 할당 - JavaScript | MDN

 

 

 

 

 

var c = [1, 2]
var d = [4]

var e = [...c, ...d]
console.log(e)

// Array [1, 2, 4]

 

 

 

 

 

 

reducer에서는 이렇게 작성했다

 

export default function userReducer(state={}, action) {
  switch (action.type) {
    case SET_CART_ITEMS:  
      return { ...state, userData: { ...state.userData, cart: [...state.userData.cart, ...action.payload] } }
    default:
      return state
  }
}

 

 

 

 

 

 

 

 

 

 

 

 

 

데이터가 user.userData.cart에서 순서대로 잘 들어가는 것을 확인할 수 있다