ÐеÑеведÑÑÑ ÑекÑÑ Ð²Ð¸Ð´Ñ border-left-width в borderLeftWidth
ÐапиÑÑÑÑ ÑÑнкÑÑÑ 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'
}
ÐÑдкÑиÑи ÑÑÑÐµÐ½Ð½Ñ Ñз ÑеÑÑами в пÑÑоÑниÑÑ.
