kembali ke pelajaran

Ubah border-left-width menjadi borderLeftWidth

Tulis sebuah fungsi cameize(str) yang mengubah tulisan dengan tanda garin seperti ???my-short-string??? menjadi camel-case ???myShortString???.

Itu saja: hapus semua tanda garis, setiap kata setelah tanda garis menjadi camel-case.

Contoh:

camelize("background-color") == 'backgroundColor';
camelize("list-style-image") == 'listStyleImage';
camelize("-webkit-transition") == 'WebkitTransition';

Catatan. Hint: gunakan split untuk memisahkan string menjadi array, ubah itu dan gunakan join untuk menyatukannya.

Buka sandbox dengan tes.

function camelize(str) {
  return str
    .split('-') // pecah 'my-long-word' menjadi array ['my', 'long', 'word']
    .map(
      // Ubah huruf pertama dari setiap item array menjadi huruf kapital kecuali item pertama
      // Ubah ['my', 'long', 'word'] into ['my', 'Long', 'Word']
      (word, index) => index == 0 ? word : word[0].toUpperCase() + word.slice(1)
    )
    .join(''); // satukan ['my', 'Long', 'Word'] menjadi 'myLongWord'
}

Buka solusi dengan tes di sandbox.