JSFiddle - React, Tailwind, and code Playground

by keechan

JavaScript

var originalObj = {
  "key1": "value1",
  "key2": "value2",
  "nestedObj1" : {
  	"nestedKey1" : "nestedValue1",
    "nestedKey2" : "nestedValue2"
  },
  "nestedArr1" : [
    {
      "nestedKey3" : "nestedValue3",
      "nestedKey4" : "nestedValue4"
    },
    {
      "nestedKey5" : "nestedValue5",
      "nestedKey6" : "nestedValue6"
    }
  ],
  "key3": "value3",
  "key4": "value4"  
}

var modObject = {}
firstSolution()
secondSolution()

// First Solution
function firstSolution () {
  Object.keys(originalObj).forEach((child) => {
    if (typeof originalObj[child] !== 'object' && 
    !Array.isArray(modObject[child])) {
      modObject[child] = originalObj[child]
    }
  })
  
  modObject['key3'] = 'value3_modified'
  console.log(originalObj['key3'])	// Key3 value was not modified
  console.log(modObject['key3'])
}

// Second Solution
function secondSolution () {
  modObject = originalObj

  Object.keys(modObject).forEach((child) => {
    if (typeof modObject[child] === 'object' || 
    Array.isArray(modObject[child])) {
      delete modObject[child]
    }
  })

  modObject['key3'] = 'value3_modified'
  console.log(modObject)
  console.log(originalObj)	// Original object keys deleted
}