已知有字符串 foo=”get-element-by-id” ,写一个 function 将其转化成驼峰表示法”getElementById” 。
一、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function convertToHump(str){
let newStr = str.split('-')//以-分割为一个数组
for(let i=1;i<newStr.length;i++){
// 通过charAt方法找到第一个元素,然后转为大写,在拼接后面的字符串。
newStr[i] = newStr[i].charAt(0).toUpperCase()+newStr[i].slice(1)
}
let newArr = newStr.join('')
return newArr
}
let str = "get-element-by-id"
const newStr = convertToHump(str)
console.log(newStr);
</script>
</body>
</html>
二、解题思路
**1.思路:**我们要做的是先把‘-’去掉,然后将第一个’-'后面的所有字符串的第一个字母变为大写,然后拼接起来。
2.具体步骤:
let newStr = str.split('-')//['get', 'element', 'by', 'id']
2.1.将字符串利用字符串的split()方法,将字符串以’-'的连接的字符串分割为一个数组,然后循环遍历这个数组。
for(let i=1;i<newStr.length;i++){
newStr[i] = newStr[i].charAt(0).toUpperCase()+newStr[i].slice(1)
}
2.2.通过charAt方法找到第一个元素,然后转为大写,再利用字符串的slice()方法,截取第一个字母后面的字符串,然后将两者结合起来。
let newArr = newStr.join('')
2.3通过数组的join()方法将数组转为字符串,如果省略参数,默认使用逗号作为分隔符。
三、总结
该题目主要是考察我们对数组和字符串方法的了解程度,所以平时要将这些方法记住。