Object spread with updated properties

object-spread.js

// TIL: When you update an object's properties with the Object spread operator, put the updated properties 
// before spreading the object so that the property you are updating isn't reassigned to its original value.

const meat = {
  options: [
    'crocodile',
    'wildebeest',
    'ostrich',
    'warthog', 
    'antelope',
  ],
  isRequired: true,
};

const newMeat1 = {
  ...meat,
  isRequired: false,
};

console.log(newMeat1.isRequired); // false

const newMeat2 = {
  isRequired: false,
  ...meat,
};

console.log(newMeat2.isRequired); // true

// const newOptions1 = [
//   ...meat.options,
//   'wildebeest', 
// ];

// const newOptions2 =[
//   'wildebeest',
//   ...meat.options,
// ];

// console.log(newOptions1);
// console.log(newOptions2);