0 . 對于 HTTP 協(xié)議而言，HTML、CSS、JS、JSON 的本質(zhì)都是什么？
1 . 使用數(shù)組拼接出如下字符串,其中styles數(shù)組里的個數(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 prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
return '<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>'
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
- 儲存為數(shù)組轉(zhuǎn)為字符串法
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
var arr = [];
arr.push("<dl class=\"product\">\n");
arr.push("\t<dt>"+data.name+"</dt>\n")
for (var key in data.styles) {
arr.push("\t<dd>"+data.styles[key]+"</dd>\n")
}
arr.push("</dl>")
return arr.join('');
};
var result = getTplStr(prod);
2 . 寫出兩種以上聲明多行字符串的方法
- 第一種："+"連接
var str = 'yangyang'
+'is'
+'very'
+'good'
+'!'
- 第二種：利用注釋，但是如果采取一些壓縮處理可能會出現(xiàn)問題
(function str(){/*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join(\n);
- 第三種：轉(zhuǎn)義符\ 但是轉(zhuǎn)義符后不能有其他字符，錯誤很不容易發(fā)現(xiàn)
var str ='luoqian \
is \
very \
good'
3 . 補全如下代碼,讓輸出結(jié)果為字符串: hello\饑人谷
var str = //補全代碼
console.log(str)
結(jié)果：
var str = "hello\\饑人谷"
console.log(str)
4 . 以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) //13 \n是轉(zhuǎn)義字符代表換行只占據(jù)一個字符，且空格并不會計算在長度內(nèi)
5 . 寫一個函數(shù)，判斷一個字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
var a= 'abcdcba';
function obj(str){
newstr=str.split('').reverse().join('');
if(str==newstr){
console.log('該字符串是回文字符串');
}else{
console.log('該字符串不是回文字符串');
}
}
obj(a);
6 . 寫一個函數(shù)，統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符
function demo(str){
strs = str.split("").sort();//將字符串分解成單字符數(shù)組，并排序（排序可不用）
//console.log(strs);//這是調(diào)試用的
var counters = [];//定義一個數(shù)組來保存字符出現(xiàn)的次數(shù)
for(var i = 0;i<strs.length;i++){//用兩個for循環(huán)來遍歷strs數(shù)組內(nèi)字符出現(xiàn)的次數(shù)，用temp計數(shù)。
var temp=0;
for(var j = 0;j<strs.length;j++){
if(strs[i]==strs[j]){
temp++;
}
}
//console.log(strs[i]+":"+temp);//這是調(diào)試用的
if(Array.isArray(counters[temp])){//判斷是否數(shù)組
if(!counters[temp].some(function(elem){//判斷數(shù)組里面是否有相同元素。
return elem==strs[i];
}))
counters[temp].push(strs[i]);//沒有相同元素則push字符到相應(yīng)的以次數(shù)為腳標的二維數(shù)組中。
}else {
counters[temp] = [];//不是數(shù)組，則定義空數(shù) 組。
counters[temp].push(strs[i]);//同時push字符到相應(yīng)的以次數(shù)為腳標的二維數(shù)組中。主要是第一次push時。
}
}
console.log(counters[counters.length-1]);//那么最后一個二維數(shù)組內(nèi)容就是次數(shù)最多的字符，出現(xiàn)的次數(shù)就是counters.length-1。
return counters;
}
7 . 寫一個camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
結(jié)果：
function camelize(str){
var str1=[];
var stra =str.split("-");
for(var i=0;i< stra.length;i++){
if(i==0){
str1[i]=stra[i]
}else {
str1[i]=stra[i].replace(stra[i][0],stra[i][0].toUpperCase());
}
}
return str1.join("");
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
8 . 寫一個 ucFirst函數(shù)，返回第一個字母為大寫的字符 （***）
ucFirst("hunger") == "Hunger"
結(jié)果：
function ucFirst(str){
return str.replace(str[0],str[0].toUpperCase());
}
ucFirst("hunger") == "Hunger"
9 . 寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如
truncate("hello, this is hunger valley,", 10)) == "hello, thi...";
truncate("hello world", 20)) == "hello world"
結(jié)果：
function truncate(str,maxlength){
if(str.length>maxlength){
var str2=str.slice(0,maxlength);
newstr=str2+'...';
console.log(newstr)
}else{
console.log(str)
}
}
truncate("hello, this is hunger valley,", 10);//輸出hello, thi...
truncate("hello world", 20)//輸出hello world
10 . 什么是 json？什么是 json 對象？什么是 json 對象字面量？什么是 JSON內(nèi)置對象？
-
JSON是JavaScript Object Notation的縮寫，它是一種輕量級的數(shù)據(jù)交換格式。JSON語法是JS對象表示語法的子集。
（1）數(shù)據(jù)在名稱／值對中；
（2）數(shù)據(jù)由逗號分隔；
（3）花括號保存對象；
（4）方括號保存數(shù)組。 -
JSON對象是符合JSON語法規(guī)則的值?；疽弦韵乱?guī)則:
( 1 ) 復(fù)合類型的值只能是數(shù)組或?qū)ο?，不能是函?shù)、正則表達式對象、日期對象。
( 2 ) 簡單類型的值只有四種：字符串、數(shù)值(必須以十進制表示)、布爾值和null
( 3 ) 字符串必須使用雙引號表示，不能使用單引號
( 4 ) 對象的鍵名必須放在雙引號里面
( 5 ) 數(shù)組或?qū)ο笞詈笠粋€成員的后面，不能加逗號 -
JSON對象字面量就是一種簡單的描述及聲明方式。如：
var a = {name : 'Mike', age : 3}; - JSON是JS中的內(nèi)置對象，提供了JSON.parse( )（將字符串轉(zhuǎn)化為JSON對象）和JSON.stringify( )（將JSON對象轉(zhuǎn)化為字符串）等方法。
11 . 如何把JSON 格式的字符串轉(zhuǎn)換為對象？如何把對象轉(zhuǎn)換為 JSON 格式的字符串?
- parse：把字符串轉(zhuǎn)化為JSON對象
- stringify：把JSON對象轉(zhuǎn)化為字符串
//JSON字符串轉(zhuǎn)為對象
var str = ' {"name":"aaa","age":21}'
JSON.parse(str)
//對象轉(zhuǎn)為JSON字符串
var obj = {
"name":"aaa",
"age":20
}
JSON.stringify(obj);
- 學(xué)習(xí)總結(jié)
上面這些知識點看起來瑣碎，實際上是從工作實踐中抽離出來的，這些就是經(jīng)常被談?wù)摰摹富竟Α?/p>
