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)義換行符號(hào)，\后面沒空格
var str = '<ul>\
<li>1</li>\
<li>1</li>\
</ul>'
console.log(str)
- 使用數(shù)組join的內(nèi)置方法進(jìn)行轉(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.補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\饑人谷
var str = "hello\\\\饑人谷";
console.log(str)
4.以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length)
輸出13贸街，"\n"換行符也是占一個(gè)字符的位置，轉(zhuǎn)義字符雖然使用了\n換行但是空格并沒有算在長度里面，相反轉(zhuǎn)義字符占據(jù)了一個(gè)占位符申尤。
5.寫一個(gè)函數(shù)拦惋，判斷一個(gè)字符串是回文字符串，如 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.寫一個(gè)函數(shù)，統(tǒng)計(jì)字符串里出現(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.寫一個(gè)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.寫一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫的字符 （***）
ucFirst("hunger") == "Hunger"
function toUpper(str) {
var first = str[0].toUpperCase();
var last = str.substr(1);
return first+last;
}
9.寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength陆爽，會(huì)把str截?cái)嗟絤axlength長什往，并加上...，如
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 對(duì)象别威？什么是 json 對(duì)象字面量？什么是 JSON內(nèi)置對(duì)象驴剔？
json:一種輕量級(jí)的數(shù)據(jù)交換格式省古。它基于ECMAScript規(guī)范的一個(gè)子集，采用完全獨(dú)立于編程語言的文本格式來存儲(chǔ)和表示數(shù)據(jù)丧失。
1）數(shù)據(jù)以名稱/值對(duì)的形式保存豺妓，名稱/值對(duì)包括字段名稱（在雙引號(hào)中），后面寫一個(gè)冒號(hào)布讹，然后是值琳拭，如 ："firstName" : "John"。JSON的值可以是數(shù)字炒事、字符串臀栈、null、true挠乳、false权薯、數(shù)組或?qū)ο蟆?br> 2）數(shù)據(jù)有都好分隔
3）花括號(hào)保存對(duì)象，對(duì)象可以包含多個(gè)名/值對(duì)睡扬。
4）方括號(hào)保存數(shù)組盟蚣，數(shù)組可以包含多個(gè)對(duì)象。
5）JSON文件：
JSON 文件的文件類型是 ".json"
JSON 文本的 MIME 類型是 "application/json"json對(duì)象:JSON對(duì)象就是JavaScript中的一個(gè)對(duì)象
json對(duì)象字面量：字面量表示一個(gè)對(duì)象卖怜，而這個(gè)格式就是json格式的屎开， 因?yàn)楸旧韏son就是JavaScript語法集的一種，所以json字面量就是用json格式的JavaScript對(duì)象字面量马靠。對(duì)象字面量是由大括號(hào)（{}）括起來的零個(gè)或多個(gè)對(duì)象的屬性名-值對(duì)奄抽。
json內(nèi)置對(duì)象:JSON屬性對(duì)應(yīng)的值是JSON對(duì)象
11.如何把JSON 格式的字符串轉(zhuǎn)換為對(duì)象？如何把對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?
var json = JSON.stringify({a: 'Hello', b: 'World'});
var obj = JSON.parse('{"a": "Hello", "b": "World"}');
