進階5

0.對于 HTTP 協(xié)議而言,HTML虽界、CSS、JS撇吞、JSON 的本質(zhì)都是什么礁叔?

符合各自語法規(guī)則的字符串

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){
//todo...
  var temp;
  var loop;
  if(data.name){
    temp = '<dl class="product"><dt>' + data.name + '</dt>';
  }

  if(data.styles){
    for(loop=0;loop<data.styles.length;loop++){
      temp += '<dd>' + data.styles[loop] + '</dd>'
    }
  }
  temp += '</dl>'
  return temp;
};
var result = getTplStr(prod);  //result為下面的字符串
console.log(result);

2.寫出兩種以上聲明多行字符串的方法

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

方法1:

var str = 'abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde'

方法2:

var str = 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'

方法3:

function fn() { /*
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
*/};
console.log(fn.toString().split('\n').slice(1,-1).join('\n'));

3.補全如下代碼,讓輸出結(jié)果為字符串: "hello\\饑人谷"

var str = 'hello\\\\饑人谷';
console.log(str)

4.以下代碼輸出什么?為什么

var str = 'jirengu\nruoyu'
console.log(str.length)

長度13,'\n'是轉(zhuǎn)義字符串噪奄,換行,算作一個字符勤篮;

5.寫一個函數(shù),判斷一個字符串是回文字符串碰缔,如 abcdcba是回文字符串, abcdcbb不是

function isCircle(str){
  var temp;
  temp = str.split('').reverse().join('');

  return (str==temp);
}

6.寫一個函數(shù),統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符

var str = 'hello jirengu hahaha'
function maxWord(str){
  var dict = {};
  var result = {
    word: 'default',
    times: 0
  };

  for(var i=0;i<str.length;i++){
    if(dict[str[i]]){
      dict[str[i]]++;
    }
    else{
      dict[str[i]] = 1;
    }
  }

  for(key in dict){
    if(dict[key]){
      if(dict[key]>result.times){
        result.word = key;
        result.times = dict[key];
      }
    }
  }

  console.log(result);
}

maxWord(str);

7.寫一個camelize函數(shù)瀑焦,把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串梗肝,如

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str){
  var temp = [];
  for(var i=0, j=0;i<str.length;i++){
    if('-' != str[i]){
      temp[j] = str[i];
      j++;
    }
  }
  temp = temp.join('');
  return temp;
}

8.寫一個 ucFirst函數(shù),返回第一個字母為大寫的字符 (***)

ucFirst("hunger") == "Hunger"
function ucFirst(str){
  var str1 = str.substr(0, 1);
  var str2 = str.substr(1, str.length-1);
  var result;
  result = str1.toUpperCase() + str2;
  return result;
}

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 result;
  if(maxLength < str.length){
    result = str.substr(0, maxLength) + '...';
  }
  else{
    result = str;
  }

  return result;
}

10.什么是 JSON格式數(shù)據(jù)粹懒?JSON格式數(shù)據(jù)如何表示對象?window.JSON 是什么确垫?

  • JSON**(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。 易于人閱讀和編寫森爽。同時也易于機器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集爬迟。 JSON采用完全獨立于語言的文本格式,但是也使用了類似于C語言家族的習(xí)慣

  • JSON建構(gòu)于兩種結(jié)構(gòu):
    “名稱/值”對的集合(A collection of name/value pairs)菊匿。不同的語言中,它被理解為對象(object)徽职,紀錄(record)佩厚,結(jié)構(gòu)(struct),字典(dictionary)抄瓦,哈希表(hash table),有鍵列表(keyed list)钙姊,或者關(guān)聯(lián)數(shù)組 (associative array)。
    值的有序列表(An ordered list of values)煞额。在大部分語言中思恐,它被理解為數(shù)組(array)。

  • 對象是一個無序的“‘名稱/值’對”集合膊毁。一個對象以“{”(左括號)開始胀莹,“}”(右括號)結(jié)束。每個“名稱”后跟一個“:”(冒號)媚媒;“‘名稱/值’ 對”之間使用“,”(逗號)分隔:
    - 復(fù)合類型的值只能是數(shù)組或?qū)ο笫嚷撸荒苁呛瘮?shù)、正則表達式對象缭召、日期對象栈顷。
    - 簡單類型的值只有四種:字符串逆日、數(shù)值(必須以十進制表示)、布爾值和null(不能使用NaN,Infinity, -Infinity和undefined)萄凤。
    - 字符串必須使用雙引號表示室抽,不能使用單引號;
    - 對象的鍵名必須放在雙引號里面靡努;
    - 數(shù)組或?qū)ο笞詈笠粋€成員的后面坪圾,不能加逗號
    - 空數(shù)組和空對象都是合格的 JSON 值,null本身也是一個合格的 JSON 值惑朦。

Paste_Image.png
  • window.JSON是瀏覽器內(nèi)置對象兽泄,可用于判斷瀏覽器是否兼容JSON的用法

11.如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象?如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?

JSON.parse將JSON字符串轉(zhuǎn)換為JS對象漾月;
JSON.stringify將JS對象轉(zhuǎn)換為JSON字符串

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末梁肿,一起剝皮案震驚了整個濱河市吩蔑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌隧期,老刑警劉巖厌秒,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異暑诸,居然都是意外死亡个榕,警方通過查閱死者的電腦和手機西采,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門胖眷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來珊搀,“玉大人境析,你說我怎么就攤上這事劳淆∨嫱遥” “怎么了放可?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵蜈缤,是天一觀的道長底哥。 經(jīng)常有香客問我趾徽,道長孵奶,這世上最難降的妖魔是什么了袁? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮油航,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘执赡。我一直安慰自己搀玖,他們只是感情好驻呐,可當(dāng)我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布猜拾。 她就那樣靜靜地躺著挎袜,像睡著了一般盯仪。 火紅的嫁衣襯著肌膚如雪全景。 梳的紋絲不亂的頭發(fā)上爸黄,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天,我揣著相機與錄音称开,去河邊找鬼钥弯。 笑死,一個胖子當(dāng)著我的面吹牛狈惫,可吹牛的內(nèi)容都是我干的忆肾。 我是一名探鬼主播客冈,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼场仲,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了亦鳞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎徒探,沒想到半個月后刹帕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體偷溺,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年尉共,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弃锐。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡剧蚣,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出馒吴,到底是詐尸還是另有隱情,我是刑警寧澤莹捡,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布启泣,位于F島的核電站,受9級特大地震影響纱耻,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蘑志,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一波桩、第九天 我趴在偏房一處隱蔽的房頂上張望柏卤。 院中可真熱鬧,春花似錦勾笆、人聲如沸弛车。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽望蜡。三九已至,卻和暖如春芦疏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背酸茴。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工弊决, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留界逛,地道東北人息拜。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓喳瓣,卻偏偏與公主長得像配乓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子屿笼,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1. 對于 HTTP 協(xié)議而言孝情,HTML、CSS洒嗤、JS箫荡、JSON 的本質(zhì)都是什么? 對于HTTP協(xié)議而言渔隶,html...
    饑人谷_哈嚕嚕閱讀 467評論 0 0
  • 0羔挡、對于 HTTP 協(xié)議而言,HTML间唉、CSS绞灼、JS、JSON 的本質(zhì)都是什么? 本質(zhì)都是符合各自語法的字符串 1...
    曉風(fēng)殘月1994閱讀 225評論 0 0
  • 0、對于 HTTP 協(xié)議而言脏里,HTML、CSS、JS嫡意、JSON 的本質(zhì)都是什么滔以? 本質(zhì)上都是符合HTML收壕、CSS蝗锥、...
    饑人谷_星璇閱讀 157評論 0 0
  • 二臺服務(wù)器跃洛,服務(wù)器A做域名轉(zhuǎn)外,所有外網(wǎng)的域名都到這臺服務(wù)器A的80端口上终议,服務(wù)器B內(nèi)網(wǎng)地址192.168.1.2...
    niunan閱讀 643評論 0 1
  • 一税课、GCD兩個核心概念: 任務(wù):執(zhí)行什么操作; 隊列:用來存放任務(wù)痊剖。 二、GCD使用的兩個步驟: 定制任務(wù):確定想...
    magic_pill閱讀 130評論 0 0