JSFiddle - React, Tailwind, and code Playground

by Joe Saad

JavaScript

let result = {player: {}};
const p = ['player', 'name', 'firstName']

function checkObj(myArr, myObj, vl) {
console.log(vl)
  //console.log('====myArr====')
  //console.log(myArr)
  //console.log('-----')
  //console.log(result)
  //console.log('------')
  myArr.forEach(function(t, i) {
    console.log('**********************************')
    console.log(result)
    console.log('myObj')
    console.dir(myObj)
    console.log(t, i)
    if (!myObj.hasOwnProperty(t)) {
      console.log('t', t)
      myObj[t] = {}
      //console.log(myArr.shift())
      //console.log('^^^^^^')
      //w = myArr.length ===1 ? myArr : myArr.slice(1)
      //const w = myArr.slice(1)
      console.log(myArr.length)
      myObj[t] = myArr.length ===1 ? vl : {};
      myArr.shift()

      checkObj(myArr, myObj[t], vl)
      
    }
    else {
    	myArr.shift()
      console.log('&^&^&&^^&&')
      checkObj(myArr, myObj[t], vl)
    }
    
    
 })
  
}

const thePlayer = {
	name: 'player.name.firstName',
  value: 'Steph'
}
const myobjname = 'player.name.firstName'
const q = thePlayer.name.split('.')
const v = thePlayer.value;
console.log('q')
console.log(q)
checkObj(q, result, v)

/*
p.forEach(function(x,i){
  console.log(x,i)
  myObj = result;
  
})
*/
console.log('^^^^^6^^^^^')
console.log(result)
console.log('^^^^^6^^^^^')