0、對(duì)于 HTTP 協(xié)議而言洒宝，HTML购公、CSS、JS雁歌、JSON 的本質(zhì)都是什么宏浩？
對(duì)于HTTP協(xié)議，HTML/CSS/JS/JSON的本質(zhì)都是字符串靠瞎。只不過html是符合html語(yǔ)法的字符串比庄，css是符合css語(yǔ)法的字符串求妹，js與json也是符合各自語(yǔ)法的字符串。
1佳窑、使用數(shù)組拼接出如下字符串 制恍，其中styles數(shù)組里的個(gè)數(shù)不定
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
代碼
var product = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
}
function getTpl(product) {
var str = '<dl class="product">'
str += ' <dt>' + product.name + '</dt>'
for(var i = 0; i < product.styles.length; i++) {
str += ' <dd>' + product.styles[i] + '</dd>'
}
str += ' </dl>'
return str;
}
var result = getTpl(product)
console.log(result)
2、寫出兩種以上聲明多行字符串的方法
例如：
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeanccdeancde'
這段字符串很長(zhǎng)神凑，如何多行優(yōu)雅的顯示
// 方法一
var str = 'abcdeabcdeab\
cdeancdeabcd\
eabcdeabcdea\
ncdeabcdeabd\
eabcdeancdea\
bcdeabcdeabc\
deancde'
// 方法二
var str = 'abcdeabcdeab' +
'cdeancdeabcd' +
'eabcdeabcdea' +
'ncdeabcdeabd' +
'eabcdeancdea' +
'bcdeabcdeabc' +
'deancde'
// 方法三
(function () { /*
abcdeabcdeab
cdeancdeabcd
eabcdeabcdea
ncdeabcdeabd
eabcdeancdea
bcdeabcdeabc
deancde
*/}).toString().split('\n').slice(1,-1).join('\n')
// abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeanccdeancde
3净神、補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\\world
var str = "hello \\\\ world "
console.log(str)
4、以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu' // \n相當(dāng)于一個(gè)字符
console.log(str.length) // 13
5耙厚、寫一個(gè)函數(shù)强挫，判斷一個(gè)字符串是回文字符串岔霸，如 abcdcba是回文字符串, abcdcbb不是
function judgeEqual(str){
return str === str.split('').reverse().join('');
}
6薛躬、寫一個(gè)函數(shù)，統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符
var str = 'svnaobnfa sjnadjf k snvjdfnjdsnfb' ;
var dict = {};
for(var i = 0;i < str.length; i++){
if(dict[str[i]]){
++dict[str[i]];
}else{
dict[str[i]] = 1;
}
}
var count = 0;
var maxValue;
for(key in dict){
if(dict[key]>count){
maxValue = key;
count = dict[key]
}
}
console.log(count,maxValue) // 6 "n"
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].substr(1)
}
return arr.join('')
}
console.log( camelize("background-color") )
8絮爷、寫一個(gè) ucFirst函數(shù)趴酣，返回第一個(gè)字母為大寫的字符 （***）
ucFirst("hunger") == "Hunger"
代碼
function ucFirst(str){
return str[0].toUpperCase()+str.slice(1).toLowerCase();
}
9、寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長(zhǎng)度大于maxlength坑夯，會(huì)把str截?cái)嗟絤axlength長(zhǎng)岖寞，并加上...，如
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
代碼
function truncate(str,maxlen){
if(str.length < maxlen){
return str;
}
return str.substr(0,maxlen) + '...';
}
10柜蜈、什么是 JSON格式數(shù)據(jù)仗谆？JSON格式數(shù)據(jù)如何表示對(duì)象？window.JSON 是什么淑履？
JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式隶垮。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一個(gè)子集。 JSON采用完全獨(dú)立于語(yǔ)言的文本格式秘噪，但是也使用了類似于C語(yǔ)言家族的習(xí)慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）狸吞。這些特性使JSON成為理想的數(shù)據(jù)交換語(yǔ)言。 易于人閱讀和編寫指煎，同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)蹋偏。
JSON 語(yǔ)法是 JavaScript 對(duì)象表示語(yǔ)法的子集。
- 數(shù)據(jù)在名稱/值對(duì)中
- 數(shù)據(jù)由逗號(hào)分隔
- 花括號(hào)保存對(duì)象
- 方括號(hào)保存數(shù)組
// JSON 數(shù)據(jù)的書寫格式是：名稱/值對(duì)至壤，名稱/值對(duì)組合中的名稱寫在前面（在雙引號(hào)中）暖侨，
// 值對(duì)寫在后面(同樣在雙引號(hào)中)，中間用冒號(hào)隔開：
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
表示對(duì)象：一個(gè)對(duì)象以“{”（左括號(hào)）開始崇渗，“}”（右括號(hào)）結(jié)束字逗。每個(gè)“名稱”后跟一個(gè)“:”（冒號(hào)）京郑；“名稱/值對(duì)”之間使用“,”（逗號(hào)）分隔。
window.JSON就是瀏覽器對(duì)JSON對(duì)象的支持葫掉，IE瀏覽器需在IE8及以上才支持JSON對(duì)象些举，其他瀏覽器都支持JSON對(duì)象。
11俭厚、如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象户魏？如何把 JS對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?
- 把JSON格式的字符串轉(zhuǎn)換為JS對(duì)象 parse
var str = '{ "name":"alutier","age":"24"}'
var obj = JSON.parse(str)
console.log(obj)
- 把js對(duì)象轉(zhuǎn)換為JSON格式的字符串 infoString
var info = { "name":"alutier","age":"24","sex","male"}
var infoString = JSON.stringigy(info)
console.log(infoString)
