1.使用數(shù)組拼接出如下字符串
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
//todo...
var str='<dl class="product">';
str +=" <dt>"+data["name"]+"</dt>";
for(var i=0;i<data.styles.length;i++){
str +=" <dd>"+data.styles[i]+"</dd>";
}
str +="</dl>";
return str;
};
var result = getTplStr(prod);
console.log(result);
function getTpl(data){
var htmls =[];
htmls.push('<dl class="product">');
htmls.push(' <dt>'+data["name"]+'</dt>');
for(var i=0;i<data.styles.length;i++){
htmls.push(' <dd>' + data.styles[i] + '</dd>')
}
htmls.push('</dl>');
return htmls.join('');
}
console.log(getTpl(prod));
2.寫出兩種以上聲明多行字符串的方法
- 字符串拼接
var str = ''
str += '<ul>'
str += ' <li>1</li>'
str += ' <li>2</li>'
str += '</ul>'
console.log(str)
- 用\來轉(zhuǎn)義換行符號，\后面沒空格
var str = '<ul>\
<li>1</li>\
<li>1</li>\
</ul>'
console.log(str)
- 使用數(shù)組join的內(nèi)置方法進行轉(zhuǎn)換
var str = []
str.push( '<ul>')
str.push( ' <li>1</li>')
str.push( ' <li>2</li>')
str.push( '</ul>')
console.log(str.join(''))
- ES6的多行字符串表示方法
var str= `<ul>
<li>1</li>
<li>2</li>
</ul>`
console.log(str)
3.補全如下代碼,讓輸出結果為字符串: hello\饑人谷
var str = "hello\\\\饑人谷";
console.log(str)
4.以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length)
輸出13，"\n"換行符也是占一個字符的位置，轉(zhuǎn)義字符雖然使用了\n換行但是空格并沒有算在長度里面，相反轉(zhuǎn)義字符占據(jù)了一個占位符。
5.寫一個函數(shù)，判斷一個字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function strCheck(str){
var o=str.split('').reverse().join('');
if(o===str){
return true;
}else{
return false;
}
}
console.log(strCheck("abcdcba"));
console.log(strCheck("abcdcbb"));
6.寫一個函數(shù)，統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符
function getMost(str){
var o={};
var max = 0;
var maxCh ;
for(var i=0;i<str.length;i++){
var ch=str[i];
if(o[ch]===undefined){
o[ch]=1;
}else{
o[ch]++;
}
if(o[ch]>max){
max = o[ch];
maxCh = str[i];
}
}
return {index: max, ch: maxCh};
}
console.log(getMost('stujgyyiuxgcnvhstdjc'));
7.寫一個camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str){
var arr=str.split('-');
for(var i=1;i<arr.length;i++){
arr[i] = arr[i][0].toUpperCase() + arr[i].slice(1);
}
return arr.join('');
}
console.log(camelize("background-color"));
8.寫一個 ucFirst函數(shù)，返回第一個字母為大寫的字符 （***）
ucFirst("hunger") == "Hunger"
function toUpper(str) {
var first = str[0].toUpperCase();
var last = str.substr(1);
return first+last;
}
9.寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如
truncate("hello, this is hunger valley,", 10) == "hello, thi...");
truncate("hello world", 20) == "hello world";
function truncate(str,maxlength) {
var string;
if (maxlength >= str.length) {
string = str;
}else {
string = str.slice(0,maxlength) + '...';
}
return string;
}
10.什么是 json？什么是 json 對象？什么是 json 對象字面量？什么是 JSON內(nèi)置對象？
json:一種輕量級的數(shù)據(jù)交換格式。它基于ECMAScript規(guī)范的一個子集，采用完全獨立于編程語言的文本格式來存儲和表示數(shù)據(jù)。
1）數(shù)據(jù)以名稱/值對的形式保存，名稱/值對包括字段名稱（在雙引號中），后面寫一個冒號，然后是值，如 ："firstName" : "John"。JSON的值可以是數(shù)字、字符串、null、true、false、數(shù)組或?qū)ο蟆?br> 2）數(shù)據(jù)有都好分隔
3）花括號保存對象，對象可以包含多個名/值對。
4）方括號保存數(shù)組，數(shù)組可以包含多個對象。
5）JSON文件：
JSON 文件的文件類型是 ".json"
JSON 文本的 MIME 類型是 "application/json"json對象:JSON對象就是JavaScript中的一個對象
json對象字面量：字面量表示一個對象，而這個格式就是json格式的， 因為本身json就是JavaScript語法集的一種，所以json字面量就是用json格式的JavaScript對象字面量。對象字面量是由大括號（{}）括起來的零個或多個對象的屬性名-值對。
json內(nèi)置對象:JSON屬性對應的值是JSON對象
11.如何把JSON 格式的字符串轉(zhuǎn)換為對象？如何把對象轉(zhuǎn)換為 JSON 格式的字符串?
var json = JSON.stringify({a: 'Hello', b: 'World'});
var obj = JSON.parse('{"a": "Hello", "b": "World"}');
