popOverFormatter

let state = {
  totalData: 0,
  title: [],
  data: [],
}
let data = {
  kodeTipeKontainer: '1',
  nomorKontainer: 'CMAU 1755222',
  kodeUkuranKontainer: '20',
  kodeJenisKontainer: null,
}

const popOverFormater = data => {
  // Sort the Data before Process
  let dataSorting = {}
  Object.keys(data)
    .sort()
    .forEach(key => {
      dataSorting[key] = data[key]
    })

  for (let i = 0; i < Object.keys(dataSorting).length; i++) {
    // INITIAL
    const keysValue = Object.keys(dataSorting)[i]
    const value = Object.values(dataSorting)[i]
    let title = ''

    // Split string on UpperCase Characters
    const firstUpperCase =
      keysValue.charAt(0).toUpperCase() + keysValue.slice(1)
    const titleRaw = firstUpperCase.split(/(?=[A-Z])/)

    for (let j = 0; j < titleRaw.length; j++) {
      if (j !== titleRaw.length - 1) {
        title += `${titleRaw[j]} `
      } else {
        title += `${titleRaw[j]}`
      }
    }

    // Push Title & Value to Array
    state.totalData++
    state.title.push(title)
    value !== null ? state.data.push(value) : state.data.push('-')
  }
}
popOverFormater(data)

for (let i = 0; i < state.totalData; i++) {
  console.log(`${state.title[i]} : ${state.data[i]}`)
}