レッスンに戻る

border-left-width を borderLeftWidth に変換する

重要性: 5

“my-short-string” のようなダッシュ区切りの言葉をキャメルケースの “myShortString” に変更する関数 camelize(str) を書いてください。

つまり、すべてのダッシュを削除し、ダッシュの後の各言葉を大文字にします。

例:

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

P.S. ヒント: 文字列を配列に分割するために split を使い、それを変換し、join 結果を返してください。

テストと一緒にサンドボックスを開く

function camelize(str) {
  return str
    .split('-') // my-long-word -> ['my', 'long', 'word']
    .map(
      (word, index) => index == 0 ? word : word[0].toUpperCase() + word.slice(1)
    ) // ['my', 'long', 'word'] -> ['my', 'Long', 'Word']
    .join(''); // ['my', 'Long', 'Word'] -> myLongWord
}

サンドボックスでテストと一緒に解答を開く