字符串與JSON

1.使用數(shù)組拼接出如下字符串

name: '女裝',
styles: ['短款', '冬季', '春裝']

};```
function getTpl(data){
var arr = "";
for(var key in data){
if(typeof data[key] === 'string'){
arr += '\t' + '<dt>' + data[key] + '</dt>' + '\n';
}else{
for(var i = 0; i < data[key].length;i++){
arr += '\t' + '<dd>' + data[key][i] + '</dd>' + '\n';
} } }
return '<dl class="product">' + '\n'+ arr + '</dl>';
}
var result = getTpl(prod);
console.log(result);
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>

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

方法一:在每一行的尾部使用反斜杠。

long \
long \
string";```

```longString
// "Long long long string"```

方法二:連接運(yùn)算符(+)可以連接多個(gè)單行字符串豺憔,用來(lái)模擬多行字符串。
`var longString = 'Long '`
 ` + 'long '`
  `+ 'long '
  `+ 'string';`

方法三:利用多行注釋?zhuān)啥嘈凶址?```(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')
// "line 1 line 2 line 3"```

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

```var str = 'hello\\\\\\饑人谷' //補(bǔ)全代碼
console.log(str)```

####4敛苇、以下代碼輸出什么?為什么

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

輸出:13
因?yàn)榉葱备転檗D(zhuǎn)義符竭鞍,'\n'表示一個(gè)字符

####5匣椰、寫(xiě)一個(gè)函數(shù)裆熙,判斷一個(gè)字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
```function judge(str){
  return str === str.split('').reverse().join('')
}
str1='abcdcba'
console.log(judge(str1))
str2='abcdcbb'
console.log(judge(str2))```

####6禽笑、寫(xiě)一個(gè)函數(shù)入录,統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符

```function countMax(str){
  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]
    }
  }
  return maxValue+':'+count
}
var str='ahsbdf kkklou mhsd'
console.log(countMax(str))```

####7、寫(xiě)一個(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("-");
  var newArr = []
  for(var i=0; i<arr.length; i++){
    if(i>0){
      newArr.push(arr[i].replace(arr[i][0],arr[i][0].toUpperCase()))
    }else{
      newArr.push(arr[i])
    }
  }
  return newArr.join('')
}
var str="back-ground-color"
console.log(camelize(str))```

####8、寫(xiě)一個(gè) ucFirst函數(shù)邀杏,返回第一個(gè)字母為大寫(xiě)的字符 (***)ucFirst("hunger") == "Hunger"

```function ucFirst(str){
  var s2 = str.replace(str[0], str[0].toUpperCase()); 
  return s2;
}
var str="hunger"
console.log(ucFirst(str))```

####9贫奠、寫(xiě)一個(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,maxlength){
  if(str.length>maxlength){
    var sub1 = str.substr(0, maxlength) + '...';
  }else{
    var sub1 = str.substr(0, str.length);
  }
  return sub1
}
console.log(truncate("hello world", 20))
console.log(truncate("hello, this is hunger valley,", 10))```

####10、什么是 json脖律?什么是 json 對(duì)象谢肾?什么是 json 對(duì)象字面量?什么是 JSON內(nèi)置對(duì)象小泉?
- JSON:
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式芦疏。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個(gè)子集。 JSON采用完全獨(dú)立于語(yǔ)言的文本格式微姊,但是也使用了類(lèi)似于C語(yǔ)言家族的習(xí)慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)酸茴。這些特性使JSON成為理想的數(shù)據(jù)交換語(yǔ)言。 易于人閱讀和編寫(xiě)兢交,同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)薪捍。
JSON是一種語(yǔ)法用來(lái)序列化對(duì)象、數(shù)組配喳、數(shù)值酪穿、字符串、布爾值和 null
它基于 JavaScript 語(yǔ)法晴裹,但與之不同:一些JavaScript不是JSON被济,一些JSON不是JavaScript。

- json對(duì)象:
每個(gè)JSON對(duì)象涧团,就是一個(gè)值只磷。要么是簡(jiǎn)單類(lèi)型的值,要么是復(fù)合類(lèi)型的值少欺,但是只能是一個(gè)值喳瓣,不能是兩個(gè)或更多的值。這就是說(shuō)赞别,每個(gè)JSON文檔只能包含一個(gè)值畏陕。
JSON對(duì)象,其實(shí)就是JSON的值,基本要符合以下規(guī)則:
復(fù)合類(lèi)型的值只能是數(shù)組或?qū)ο蠓绿希荒苁呛瘮?shù)惠毁、正則表達(dá)式對(duì)象、日期對(duì)象崎页。
簡(jiǎn)單類(lèi)型的值只有四種:字符串鞠绰、數(shù)值(必須以十進(jìn)制表示)、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)飒焦。
字符串必須使用雙引號(hào)表示蜈膨,不能使用單引號(hào)屿笼。
對(duì)象的鍵名必須放在雙引號(hào)里面。
數(shù)組或?qū)ο笞詈笠粋€(gè)成員的后面翁巍,不能加逗號(hào)驴一。

- json對(duì)象字面量:
本身json就是JavaScript語(yǔ)法集的一種,所以json字面量就是用json格式的JavaScript對(duì)象字面量灶壶。JavaScript對(duì)象字面量屬性不用引號(hào)也可以肝断,而且值可以是任何類(lèi)型,函數(shù)驰凛,undefined或者是正則胸懈。
```var json = {
  "name": "Byron",
  "age": 24
};```

- json內(nèi)置對(duì)象:
由JSON的字符串轉(zhuǎn)換成的json對(duì)象即經(jīng)過(guò)JSON.parse()轉(zhuǎn)換的值。


####11恰响、如何把JSON 格式的字符串轉(zhuǎn)換為對(duì)象趣钱?如何把對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?
stringify:把JSON對(duì)象轉(zhuǎn)化為字符串 JSON.stringify(str)
parse:把字符串轉(zhuǎn)化為JSON對(duì)象 JSON.parse(JSON.stringify(str))
```var json = {
  "name": "Byron",
  "age": 24
};
var json_str = JSON.stringify(json);
console.log(json_str);
console.log(JSON.parse(json_str));```
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市胚宦,隨后出現(xiàn)的幾起案子羔挡,更是在濱河造成了極大的恐慌,老刑警劉巖间唉,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绞灼,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡呈野,警方通過(guò)查閱死者的電腦和手機(jī)低矮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)被冒,“玉大人军掂,你說(shuō)我怎么就攤上這事∽虻浚” “怎么了蝗锥?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)率触。 經(jīng)常有香客問(wèn)我终议,道長(zhǎng),這世上最難降的妖魔是什么葱蝗? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任穴张,我火速辦了婚禮,結(jié)果婚禮上两曼,老公的妹妹穿的比我還像新娘皂甘。我一直安慰自己,他們只是感情好悼凑,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布偿枕。 她就那樣靜靜地躺著璧瞬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪渐夸。 梳的紋絲不亂的頭發(fā)上彪蓬,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音捺萌,去河邊找鬼。 笑死膘茎,一個(gè)胖子當(dāng)著我的面吹牛桃纯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播披坏,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼态坦,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了棒拂?” 一聲冷哼從身側(cè)響起伞梯,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎帚屉,沒(méi)想到半個(gè)月后谜诫,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡攻旦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年喻旷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片牢屋。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡且预,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出烙无,到底是詐尸還是另有隱情锋谐,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布截酷,位于F島的核電站涮拗,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏迂苛。R本人自食惡果不足惜多搀,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望灾部。 院中可真熱鬧康铭,春花似錦、人聲如沸赌髓。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至夷野,卻和暖如春懊蒸,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背悯搔。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工骑丸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人妒貌。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓通危,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親灌曙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子菊碟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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

  • 0、對(duì)于 HTTP 協(xié)議而言在刺,HTML逆害、CSS、JS蚣驼、JSON 的本質(zhì)都是什么魄幕? 1.對(duì)于HTTP協(xié)議而言,htm...
    saintkl閱讀 583評(píng)論 0 0
  • 1颖杏、使用數(shù)組拼接出如下字符串 2梅垄、寫(xiě)出兩種以上聲明多行字符串的方法 例如: var str = 'abcdeabc...
    饑人谷_Leon閱讀 276評(píng)論 0 0
  • 0、對(duì)于 HTTP 協(xié)議而言输玷,HTML队丝、CSS、JS欲鹏、JSON 的本質(zhì)都是什么机久? HTML就是符合HTML語(yǔ)法的字...
    怎么昵稱(chēng)閱讀 1,581評(píng)論 0 3
  • 1、使用數(shù)組拼接出如下字符串 直接拼接法 數(shù)組拼接法 2赔嚎、寫(xiě)出兩種以上聲明多行字符串的方法 “+”連接 轉(zhuǎn)義符\ ...
    高進(jìn)哥哥閱讀 350評(píng)論 0 0
  • 什么是JSON膘盖?什么是JSON語(yǔ)言?JSON 語(yǔ)言如何表示對(duì)象尤误?window.JSON 是什么侠畔?如何把JSON 格...
    LeeoZz閱讀 487評(píng)論 0 0