字符串與JSON

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

// 方法一身害、字符串拼接
var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
//todo...
  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 = getTpl(prod);  //result為下面的字符串
console.log(result)
<dl class="product">
    <dt>女裝</dt>
    <dd>短款</dd>
    <dd>冬季</dd>
    <dd>春裝</dd>
</dl>
// 方法二频鉴、先遍歷為數(shù)組,再將數(shù)組轉(zhuǎn)換成字符串
var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
var arr=[]
function getTpl(data){
//todo...
  arr.push('<dl class="product">\n')
  arr.push('\t<dt>'+data.name+'</dt>\n')
  // arr.push('\t<dd>'+data.styles[0]+'</dd>\n')
  // arr.push('\t<dd>'+data.styles[1]+'</dd>\n')
  // arr.push('\t<dd>'+data.styles[2]+'</dd>\n')
  // arr.push('</dl>')
  for ( var key in data.styles ){
    arr.push('\t<dd>'+data.styles[key]+'</dd>\n')
  }
  arr.push('</dl>')
  return arr
 // return arr.join('')
};
var result = getTpl(prod);  //result為下面的字符串
// console.log(result)
console.log(arr.join(''))
<dl class="product">
    <dt>女裝</dt>
    <dd>短款</dd>
    <dd>冬季</dd>
    <dd>春裝</dd>
</dl>
// 不加轉(zhuǎn)義字符
var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
var arr=[]
function getTpl(data){
  arr.push('<dl class="product">')
  arr.push('<dt>'+data.name+'</dt>')
  for ( var key in data.styles ){
    arr.push('<dd>'+data.styles[key]+'</dd>')
  }
  arr.push('</dl>')
  return arr
};
var result = getTpl(prod); 
console.log(arr.join(''))

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

// 方法一、"+"連接
var str = '<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>'
// 方法二、利用注釋,但是如果采取一些壓縮處理可能會出現(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 ='line 1\
line 2\
line 3'

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

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

4找田、以下代碼輸出什么?為什么

var str = 'jirengu\nruoyu'
console.log(str.length)
// 13  \n是轉(zhuǎn)義字符代表換行只占據(jù)一個字符

5歌憨、寫一個函數(shù),判斷一個字符串是回文字符串墩衙,如 abcdcba是回文字符串, abcdcbb不是

function isPalindromeString(str){
  var newStr = str.split('').reverse().join('');
  if ( str == newStr ){
    return str + '是回文字符串'
  }  
    else {
        return str + '不是回文字符串'
    }
}
console.log(isPalindromeString('abcdcba'))
console.log(isPalindromeString('adcdcbb'))

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

function isMostFrequent(str){
  var dict = {}
  for ( var a=0; a<str.length; a++){
    if (dict[str[a]]){
      ++dict[str[a]]
    }
      else{
        dict[str[a]]=1
      }
  }
  var cout =0
  var maxValue
  for ( var key in dict ) {
    if (dict[key]>cout) {
      cout = dict[key]
      maxValue = key
    }
  } 
  return '出現(xiàn)頻率最多的字符是:' + key + '漆改,共計:' + cout + '次心铃。'
}
console.log(isMostFrequent('abcdcba   hhh,lllhhhhh'))

7、寫一個camelize函數(shù)挫剑,把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串去扣,如

// camelize("background-color") == 'backgroundColor'
// camelize("list-style-image") == 'listStyleImage'
function camelize (str) {
  var newStr = str
  var arr  = newStr.split('-')
  var arr2 = []
  arr2[0] = arr[0]
  for ( var i =1; i<arr.length; i++){
    // arr2.push( arr[i][0].toUpperCase() + arr[i].slice(1))
    arr2.push( arr[i].toUpperCase().substr(0,1) + arr[i].slice(1))
  }
  return arr2.join('')
}
console.log(camelize('kuma-bear-plus'))

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

// ucFirst("hunger") == "Hunger"
function ucFirst (str) {
  var str2 = str
  var str3 = str2[0].toUpperCase() + str2.slice(1) // 因為字符串時基本類型愉棱,此時str2并沒有發(fā)生變化
  // var str3 = str2.toUpperCase().substr(0,1) + str2.slice(1)
  return str3

}
console.log(ucFirst('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"
function truncate(str, maxlength) {
  if ( str.length>maxlength ){
    str = str.slice(0,maxlength) + '...'
    // str = str.substr(0,maxlength) + '...'  
  } 
  return str   
}
console.log(truncate("hello, this is hunger valley", 10))
console.log(truncate("hello world", 20) )

10顺少、什么是 json朋其?什么是 json 語言?JSON 語言如何表示對象脆炎?window.JSON 是什么梅猿?

  • JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。
    它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個子集秒裕。
  • JSON采用完全獨立于語言的文本格式粒没,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。
    這些特性使JSON成為理想的數(shù)據(jù)交換語言簇爆。 易于人閱讀和編寫癞松,同時也易于機器解析和生成(網(wǎng)絡傳輸速度)爽撒。
  • JSON對象,其實就是JSON的值,基本要符合以下規(guī)則:
    復合類型的值只能是數(shù)組或?qū)ο笙烊兀荒苁呛瘮?shù)硕勿、正則表達式。
    簡單類型的值只有四種:字符串枫甲、數(shù)值(必須以十進制表示)源武、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)。
    字符串必須使用雙引號表示想幻,不能使用單引號粱栖。
    對象的鍵名必須放在雙引號里面。
    數(shù)組或?qū)ο笞詈笠粋€成員的后面脏毯,不能加逗號
  • window.JSON是瀏覽器內(nèi)置對象.
    其中JSON.parse()表示把字符串解析為JSON對象;
    而JSON.stringify()表示將JSON對象解析為字符串.

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

var a = JSON.parse(str) // 將字符串轉(zhuǎn)化為對象
var b = JSON.stringfy(obj) // 將對象轉(zhuǎn)化為json格式的字符串

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末食店,一起剝皮案震驚了整個濱河市渣淤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌吉嫩,老刑警劉巖价认,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異自娩,居然都是意外死亡用踩,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進店門忙迁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來脐彩,“玉大人,你說我怎么就攤上這事动漾《∈海” “怎么了?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵旱眯,是天一觀的道長晨川。 經(jīng)常有香客問我,道長删豺,這世上最難降的妖魔是什么共虑? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮呀页,結(jié)果婚禮上妈拌,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好尘分,可當我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布猜惋。 她就那樣靜靜地躺著,像睡著了一般培愁。 火紅的嫁衣襯著肌膚如雪著摔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天定续,我揣著相機與錄音谍咆,去河邊找鬼。 笑死私股,一個胖子當著我的面吹牛摹察,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播倡鲸,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼供嚎,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了旦签?” 一聲冷哼從身側(cè)響起查坪,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤寸宏,失蹤者是張志新(化名)和其女友劉穎宁炫,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體氮凝,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡羔巢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了罩阵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片竿秆。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖稿壁,靈堂內(nèi)的尸體忽然破棺而出幽钢,到底是詐尸還是另有隱情,我是刑警寧澤傅是,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布匪燕,位于F島的核電站,受9級特大地震影響喧笔,放射性物質(zhì)發(fā)生泄漏帽驯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一书闸、第九天 我趴在偏房一處隱蔽的房頂上張望尼变。 院中可真熱鬧,春花似錦浆劲、人聲如沸嫌术。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽度气。三九已至日丹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蚯嫌,已是汗流浹背哲虾。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留择示,地道東北人束凑。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像栅盲,于是被迫代替她去往敵國和親汪诉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,543評論 2 349

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

  • 0谈秫、對于 HTTP 協(xié)議而言扒寄,HTML、CSS拟烫、JS该编、JSON 的本質(zhì)都是什么? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,589評論 0 3
  • 1.使用數(shù)組拼接出如下字符串 };```function getTpl(data){var arr = "";fo...
    湖衣閱讀 311評論 0 0
  • 0硕淑、對于 HTTP 協(xié)議而言课竣,HTML、CSS置媳、JS于樟、JSON 的本質(zhì)都是什么? 1.對于HTTP協(xié)議而言拇囊,htm...
    saintkl閱讀 583評論 0 0
  • 一迂曲、代碼習題 1.使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個數(shù)不定 2.寫出兩種以上聲明多行字符串的方...
    徐國軍_plus閱讀 449評論 0 1
  • 1寥袭、使用數(shù)組拼接出如下字符串 2路捧、寫出兩種以上聲明多行字符串的方法 例如: var str = 'abcdeabc...
    饑人谷_Leon閱讀 278評論 0 0