ÐеÑеведиÑе ÑекÑÑ Ð²Ð¸Ð´Ð° border-left-width в borderLeftWidth
важноÑÑÑ: 5
ÐапиÑиÑе ÑÑнкÑÐ¸Ñ camelize(str), коÑоÑÐ°Ñ Ð¿ÑеобÑазÑÐµÑ ÑÑÑоки вида «my-short-string» в «myShortString».
То еÑÑÑ Ð´ÐµÑиÑÑ ÑдалÑÑÑÑÑ, а вÑе Ñлова поÑле Ð½Ð¸Ñ Ð¿Ð¾Ð»ÑÑаÑÑ Ð·Ð°Ð³Ð»Ð°Ð²Ð½ÑÑ Ð±ÑквÑ.
ÐÑимеÑÑ:
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(
// ÐеÑÐµÐ²Ð¾Ð´Ð¸Ñ Ð² веÑÑ
ний ÑегиÑÑÑ Ð¿ÐµÑвÑе бÑÐºÐ²Ñ Ð²ÑеÑ
ÑлеменÑом маÑÑива за иÑклÑÑением пеÑвого
// пÑевÑаÑÐ°ÐµÑ ['my', 'long', 'word'] в ['my', 'Long', 'Word']
(word, index) => index == 0 ? word : word[0].toUpperCase() + word.slice(1)
)
.join(''); // ÑоединÑÐµÑ ['my', 'Long', 'Word'] в 'myLongWord'
}
ÐÑкÑÑÑÑ ÑеÑение Ñ ÑеÑÑами в пеÑоÑниÑе.