1.使用數(shù)組拼接出如下字符串
var prod = {
name : '女裝',
style : [ '短款 ' ,'冬季','春裝']
};
function getTpl(data){
//todo..
.};
var result = getTplStr(prod);//result為下面的字符串
<dl class ="product">
<dt>女裝 </dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
代碼:
var prod = {
name : '女裝',
style : [ '短款' ,'冬季','春裝']
};
function getTpl(data){
//todo...
var arr =new Array;
arr[0] ='<dl class="product">';
arr[1] ='<dt>'+ data.name+'</dt>';
arr[2] ='<dd>' + data.styles[0]+ '</dd>';
arr[3] ='<dd>' + data.styles[1]+ '</dd>';
arr[4] ='<dd>'+ data.styles[2] + '</dd>';
return(arr.join(' '));
}
console.log( getTpl(prod));
```
#2:寫出兩種以上聲明多行字符串的方法
---
* 注釋方法
var str = (fn() {
/*
<div class="sublime">
<p> header</p>
</div>
*/}).toString().split('\n').slice(1,-1).join('\n')
* 數(shù)組用換行符組合成字符串
var str =["真雞兒棒","天天吃雞吃不胖"."天天搞事身體棒"].join("\n");
console.log(lines);
#3:以下代碼輸出什么?為什么
---
var str = 'jirengu\nruoyu'
console.log(str.length)
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/3237223-1a278e3ecaee6c88.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
\n是一個字符 換行符LM,.LPJKKMOK ?.j
=
#4:寫一個函數(shù)霹疫,判斷一個字符串是回文字如 `abcdcb`是回文字符串,` abcdcbb`不是
---
function isPalindrome(line) {
line += "";
for(var i=0,j=line.length-1;i<j;i++,j--){
if(line.charAt(i) !== line.charAt(j)){
return false;
}
}
return true;
}
console.log(isPalindrome(abcdcba
))
#5:寫一個函數(shù)奴潘,統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符(如果有多個都需要展示)
----
var str = "abcabcaaa";
maxnum(str);
function maxnum(str){
var json = {};
for(var i=0;i<str.length;i++){
if(!json[str.charAt(i)]){
json[str.charAt(i)] = 1;
}
else{
json[str.charAt(i)]++;
}
console.log(json);
}
var max = 0;
var Index = '';
for(var i in json){
if(json[i]>max){
max = json[i];
Index = i;
}
}
console.log(max + Index);}
#6:寫一個camelize函數(shù)简卧,把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串卿闹,如
---
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(data){
var arr = data.split('-');
if(arr.length ==1) return data;
console.log(arr.join(''));
}
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/3237223-597bdf7131707448.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)