1. 使用數組拼接出如下字符串
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
//todo...
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
第一種普通拼接：
function getTplStr(data){
var str;
str = "<dl class=\"product\">" + "\n"
+ "\t<dt>"
+ data.name
+ "</dt>"
+ "\n" + "\t<dd>" + data.styles[0] + "</dd>"
+ "\n" + "\t<dd>" + data.styles[1] + "</dd>"
+ "\n" + "\t<dd>" + data.styles[2] + "</dd>"
+ "\n" + "</dl>"
return str;
}
var result = getTplStr(prod);
console.log(result);
第二種數組拼接：
function getTplStr2(data){
var arr = [];
arr.push("<dl class=\"product\">\n")
arr.push("\t<dt>"+data.name+"</dt>\n")
for (var i=0; i<data.styles.length; i++) {
arr.push("\t<dd>"+data.styles[i]+"</dd>\n")
}
arr.push("</dl>")
return arr.join('');
}
var result = getTplStr2(prod);
console.log(result);
不用轉義符：
function getTplStr3(product) {
var str = '<dl>'
str += ' <dt>' + product.name + '</dt>'
for(var i = 0; i < product.styles.length; i++) {
str += ' <dd>' + product.styles[i] + '</dd>'
}
str += ' </dl>'
return str;
}
function getTplStr4(product) {
var htmls = []
htmls.push('<dl>')
htmls.push(' <dt>' + product.name + '</dt>')
for(var i = 0; i < product.styles.length; i++) {
htmls.push('<dd>' + product.styles[i] + '</dd>')
}
htmls.push('</dl>')
return htmls.join('');
}
console.log(getTpl3(product))
console.log(getTpl4(product))
2. 寫出兩種以上聲明多行字符串的方法
第一種：用"+" 拼接
var str = "abc"
+"abcd"
+"abcde"
console.log(str)
第二種：利用注釋厂抖，但是如果采取一些壓縮處理可能會出現問題
(function str(){/*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join(\n);
第三種：轉義符\ 但是轉義符后不能有其他字符莫湘，錯誤很不容易發(fā)現
var str ='abc \
abcd \
abcde \
z'
3. 補全如下代碼,讓輸出結果為字符串: hello\饑人谷
var str = "hello\\\\饑人谷" //補全代碼
console.log(str) // hello\\饑人谷
4. 以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) //13 ,因為\n算一個字符赂蠢。
5. 寫一個函數，判斷一個字符串是回文字符串铃诬，如 abcdcba是回文字符串, abcdcbb不是
var str = "abcdcba";
var str2 = "abcdcbb";
function isPal(str) {
if(typeof str === "string"){ //判斷是否是字符串
var result;
var reverseStr = str.split('').reverse().join(''); // 得到順序顛倒的字符串
if(reverseStr === str){ // 判斷顛倒字符串和元字符串是否相等
result = "yes";
}else { result = "no"; }
return result;
} else {
console.log("不是字符串");
}
}
isPal(str);
isPal(str2);
6. 寫一個函數鲫凶，統(tǒng)計字符串里出現出現頻率最多的字符
function mostStr(str){
if(typeof str === "string"){ //判斷是否是字符串
var count = {}; // 聲明空對象
for(var i=0; i<str.length; i++){ // 遍歷字符串
if(count[str[i]]){ // 如果對象中存在字符str[i] ，值加一
count[str[i]]+=1;
} else {
count[str[i]] = 1; // 如果對象不存在字符str[i] , 則添加字符str[i] 且賦值為1
}
}
var max = 0, result;
for(var k in count ){ // 遍歷對象count
if(count[k] > max){ // 如果count[k] 值大于 max 兴革，則count[k]的值賦給max
max = count[k];
}
result = k; // 得到頻率最高的字符
}
return result;
} else { console.log("不是字符串") }
}
var str = "addccccccc";
mostStr(str);
7. 寫一個camelize函數，把my-short-string形式的字符串轉化成myShortString形式的字符串蜜唾，如
function camelize(str){
if(typeof str !== "string"){ // 檢測是否是字符串
console.log("不是字符串");
return;
}
var result,arr = [];
arr = str.split('');
for(var i=0,j=0; i<arr.length; i++){ // 思路是把字符串轉換成數組杂曲，然后遍歷數組，如果遍歷到值為"-"的鍵袁余，則下一個鍵字符轉換大寫
if(arr[i] === "-") {
j = i+1;
arr[j] = arr[j].toUpperCase();
}
result = arr;
}
result = result.join("").split("-").join(""); //把數組轉換成字符串然后再把字符串以"-"拆成數組擎勘，最后再轉換成字符串，達到刪除"-"的目的
return result;
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
8. 寫一個 ucFirst函數颖榜，返回第一個字母為大寫的字符 （***）
function ucFirst(str){
if(typeof str !== "string"){ // 檢測是否是字符串
console.log("不是字符串");
return;
}
str=str.replace(str[0],str[0].toUpperCase());
return str;
}
ucFirst("hunger") == "Hunger"
9. 寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength棚饵，會把str截斷到maxlength長煤裙，并加上...，如
function truncate(str,maxlength) {
if((typeof str !== "string") || (typeof maxlength !== "number")){
console.log("參數不合法!");
return;
}
if(str.length > maxlength) {
str = str.substring(0,maxlength) + "...";
}
return str;
}
truncate("hello, this is hunger valley,",10) == "hello, thi...";
truncate("hello world",20) == "hello world"
10. 什么是 json噪漾？什么是 json 對象硼砰？什么是 json 對象字面量？什么是 JSON內置對象欣硼？
- json(javascript object notation)的縮寫是一種用于數據交換的文本格式题翰，目的是取代繁瑣的xml。具有書寫簡單分别，一目了然遍愿，符號javascript原生語法存淫，可以由解釋引擎直接處理耘斩，不用另外添加解析代碼。所以桅咆，json迅速被接受括授，成為es5標準的一部分。
- json對象就是json的值岩饼，基本要符合以下規(guī)則
- 復合類型的值只能是數組或對象荚虚，不能是函數、正則表達式對象籍茧、日期對象版述。
- 簡單類型的值只有四種：字符串、數值(必須以十進制表示)寞冯、布爾值和null
- 字符串必須使用雙引號表示渴析，不能使用單引號
- 對象的鍵名必須放在雙引號里面
- 數組或對象最后一個成員的后面，不能加逗號
- json對象字面量是一種簡單的描述以及聲明方式吮龄。
- JSON是javascript中的內置對象俭茧，提供了JSON.parse()、JSON.stringify()等方法漓帚。
11. 如何把JSON 格式的字符串轉換為對象母债？如何把對象轉換為 JSON 格式的字符串?
- 使用JSON.parse()轉換為對象，用JSON.stringify()轉換為字符串
- 如：var str = {name:"jirengu",age:2}
- var obj=JSON.parse(str)尝抖，//轉為對象
- var newstr=JSON.stringify(obj).//轉為字符串
