1.使用数组拼接出如下字符串
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')
* 数组用换行符组合成字符串
var str =["真鸡儿棒","天天吃鸡吃不胖"."天天搞事身体棒"].join("\n");
console.log(lines);
#3:以下代码输出什么?为什么
---
var str = 'jirengu\nruoyu'
console.log(str.length)
![Paste_Image.png](https://img.haomeiwen.com/i3237223/1a278e3ecaee6c88.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
\n是一个字符 换行符LM,.LPJKKMOK ?.j
=
#4:写一个函数,判断一个字符串是回文字如 `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:写一个函数,统计字符串里出现出现频率最多的字符(如果有多个都需要展示)
----
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函数,把my-short-string形式的字符串转化成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](https://img.haomeiwen.com/i3237223/597bdf7131707448.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
网友评论