字符串與JSON

1. 對(duì)于 HTTP 協(xié)議而言椅亚,HTML限番、CSS、JS呀舔、JSON 的本質(zhì)都是什么

  • 對(duì)于HTTP協(xié)議而言弥虐,html、css媚赖、js霜瘪、json是符合相應(yīng)語(yǔ)法的字符串

  • 用戶訪問(wèn)頁(yè)面時(shí),瀏覽器根據(jù)用戶請(qǐng)求的路徑惧磺,向服務(wù)器發(fā)起請(qǐng)求颖对,服務(wù)器根據(jù)路判斷徑返回給瀏覽器對(duì)應(yīng)的字符串,同時(shí)也返回給瀏覽器Content-Type值豺妓。

  • HTML:Content-Type=text/html惜互,瀏覽器就把字符串當(dāng)HTML進(jìn)行解析布讹;

  • CSS:當(dāng) HTML 中有<link rel="stylesheet" href="" />琳拭,瀏覽器再向服務(wù)器發(fā)起請(qǐng)求,服務(wù)器返回字符串和Content-Type=text/css描验,瀏覽器就把返回的字符串當(dāng) CSS 進(jìn)行解析白嘁;

  • JS: 當(dāng)HTML中有<script src="" />,瀏覽器向服務(wù)器發(fā)起請(qǐng)求,服務(wù)器返回字符串和Content-Type=text/javascript膘流,瀏覽器就把字符串當(dāng) JS 進(jìn)行解析絮缅,返回給用戶鲁沥。

2. 使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個(gè)數(shù)不定

var data = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
    var str = '<dl class="product">'
    str = str + "<dt>女裝</dt>"
    for(var key in data.styles){
        str = str + '<dd>' + data.styles[key] + '</dd>'
    }
    str = str + "</dl>"
    return str
}
var result = getTpl(data)
console.log(result)

3.寫(xiě)出兩種以上聲明多行字符串的方法

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

  1. var str ='abcdeabcdeabc\ deancdeabcdea\ bcdeabcdeancd\ eabcdeabcdeabc\ deancdeabcdeab\ cdeabcdeancde'
    console.log(str)
  2. var str ='abcdeabcdeabc' +'deancdeabcdea' +'bcdeabcdeancd' +'eabcdeabcdeabc' +'deancdeabcdeab' +'cdeabcdeancde'
  3. (function () { /* deancdeabcdea bcdeabcdeancd eabcdeabcdeabc deancdeabcdeab cdeabcdeancde */}).toString().split('\n').slice(1,-1).join('\n')

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length)  // 13  \n占據(jù)一個(gè)字符

6. 寫(xiě)一個(gè)函數(shù)耕魄,判斷一個(gè)字符串是回文字符串画恰,如 abcdcba是回文字符串, abcdcbb不是

var str = "abcdcba"
str == str.split('').reverse().join('')

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

var str = "sddgfdgksafsadkfjsdkfsjdkfas"
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(maxValue,key)

8. 寫(xiě)一個(gè)camelize函數(shù)吸奴,把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串

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("my-short-string")) // myShortString

9. 寫(xiě)一個(gè) ucFirst函數(shù)允扇,返回第一個(gè)字母為大寫(xiě)的字符 (***)

function ucFirst(str){
    var str = str[0].toUpperCase() + str.substr(1)
    return str
}
console.log(ucFirst("hunger")) // Hunger

10. 寫(xiě)一個(gè)函數(shù)truncate(str, maxlength), 如果str的長(zhǎng)度大于maxlength,會(huì)把str截?cái)嗟絤axlength長(zhǎng)则奥,并加上...

function runcate(str, maxlength){
    if(str.length > maxlength){
        var str = str.substr(0,maxlength) + '...'
    }
    return str
}
console.log(runcate('hello, this is hunger valley',10)) //hello, thi..

11. 什么是 JSON格式數(shù)據(jù)考润?JSON格式數(shù)據(jù)如何表示對(duì)象?window.JSON 是什么读处?如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象糊治?如何把 JS對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?

  • JSON(JavaScript Object Notation)
    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ǔ)言管闷。 易于人閱讀和編寫(xiě)抑胎,同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)。
  • JSON 語(yǔ)法是 JavaScript 對(duì)象表示語(yǔ)法的子集渐北。
    1. 數(shù)據(jù)在名稱/值對(duì)中
    2. 數(shù)據(jù)由逗號(hào)分隔
    3. 花括號(hào)保存對(duì)象
  1. 方括號(hào)保存數(shù)組
    JSON 數(shù)據(jù)的書(shū)寫(xiě)格式是:名稱/值對(duì)阿逃,名稱/值對(duì)組合中的名稱寫(xiě)在前面(在雙引號(hào)中),值對(duì)寫(xiě)在后面(同樣在雙引號(hào)中)赃蛛,中間用冒號(hào)隔 開(kāi):
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
   {"name": "Byron", "age": "24"}, 
   {"name": "Byron2", "age": "25"}
]
  • window.JSON 是瀏覽器內(nèi)置對(duì)象恃锉,用來(lái)檢測(cè)對(duì)JSON的支持情況。
  • JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象:
var str = '{"name": "jirengu", "age": "24"}'
var json=JSON.parse(str);    //{name: "jirengu", age: "24"}
  • JS 對(duì)象轉(zhuǎn)換為 JSON 格式的字符串:
var obj={name:"jirengu",  age:24,  "128":"blahblah"}
var str=JSON.stringify(obj);//"{"128":"blahblah","name":"jirengu","age":24}"
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末呕臂,一起剝皮案震驚了整個(gè)濱河市破托,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌歧蒋,老刑警劉巖土砂,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異谜洽,居然都是意外死亡萝映,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)阐虚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)序臂,“玉大人,你說(shuō)我怎么就攤上這事实束“赂眩” “怎么了逊彭?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)构订。 經(jīng)常有香客問(wèn)我侮叮,道長(zhǎng),這世上最難降的妖魔是什么悼瘾? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任签赃,我火速辦了婚禮,結(jié)果婚禮上分尸,老公的妹妹穿的比我還像新娘锦聊。我一直安慰自己,他們只是感情好箩绍,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布孔庭。 她就那樣靜靜地躺著,像睡著了一般材蛛。 火紅的嫁衣襯著肌膚如雪圆到。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,441評(píng)論 1 310
  • 那天卑吭,我揣著相機(jī)與錄音芽淡,去河邊找鬼。 笑死豆赏,一個(gè)胖子當(dāng)著我的面吹牛挣菲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播掷邦,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼白胀,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了抚岗?” 一聲冷哼從身側(cè)響起或杠,我...
    開(kāi)封第一講書(shū)人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎宣蔚,沒(méi)想到半個(gè)月后向抢,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡胚委,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年挟鸠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片篷扩。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡兄猩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鉴未,到底是詐尸還是另有隱情枢冤,我是刑警寧澤,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布铜秆,位于F島的核電站淹真,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏连茧。R本人自食惡果不足惜核蘸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望啸驯。 院中可真熱鬧客扎,春花似錦、人聲如沸罚斗。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)针姿。三九已至袱吆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間距淫,已是汗流浹背绞绒。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留榕暇,地道東北人蓬衡。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像彤枢,于是被迫代替她去往敵國(guó)和親撤蟆。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

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

  • 0堂污、對(duì)于 HTTP 協(xié)議而言家肯,HTML、CSS盟猖、JS讨衣、JSON 的本質(zhì)都是什么? HTML就是符合HTML語(yǔ)法的字...
    怎么昵稱閱讀 1,605評(píng)論 0 3
  • 0式镐、對(duì)于 HTTP 協(xié)議而言反镇,HTML、CSS娘汞、JS歹茶、JSON 的本質(zhì)都是什么? 1.對(duì)于HTTP協(xié)議而言,htm...
    saintkl閱讀 584評(píng)論 0 0
  • 0惊豺、對(duì)于 HTTP 協(xié)議而言燎孟,HTML、CSS尸昧、JS揩页、JSON 的本質(zhì)都是什么? 對(duì)于HTTP協(xié)議而言烹俗,html爆侣、...
    Taaaaaaaurus閱讀 284評(píng)論 0 1
  • 0.對(duì)于 HTTP 協(xié)議而言,HTML幢妄、CSS兔仰、JS、JSON 的本質(zhì)都是什么蕉鸳? 對(duì)于HTTP協(xié)議而言乎赴,html、...
    hellowade閱讀 243評(píng)論 0 0
  • 什么是JSON置吓?什么是JSON語(yǔ)言无虚?JSON 語(yǔ)言如何表示對(duì)象?window.JSON 是什么衍锚?如何把JSON 格...
    LeeoZz閱讀 496評(píng)論 0 0