JSFiddle - React, Tailwind, and code Playground

by Hugo Carneiro

JavaScript

const obj = [{
    breakpoints: {
      tablet: {
        name: "videoPaddingLeftTablet",
        default: "inherit-mobile"
      },
      desktop: {
        name: "videoPaddingLeftDesktop",
        default: "inherit-tablet"
      }
    }
  },
  {
    breakpoints: {
      tablet: {
        name: "videoPaddingRightTablet",
        default: "inherit-mobile"
      },
      desktop: {
        name: "videoPaddingRightDesktop",
        default: "inherit-tablet"
      }
    }
  }
]


obj.forEach(function(field) {
	const fieldKeys = typeof field.breakpoints === 'object' ? Object.keys(field.breakpoints) : []
  
  fieldKeys.forEach(function(breakpoint) {
    if (!breakpoint) {
      return
    }

    const variable = field.breakpoints[breakpoint];

    console.log(variable)
  })
})