字符串與JSON

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

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

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

//tip: 如果是要拼接 html 字符串榄笙,最好讓 html 對齊展示工整邪狞,這樣可讀性更好,多點空格沒關(guān)系
//方法1,字符串拼接
var str1 = ''
str1 += '<ul>'
str1 += '  <li>1</li>'
str1 += '  <li>2</li>'
str1 += '</ul>'
console.log(str1)

//方法2, 數(shù)組 join
var str2 = []
str2.push( '<ul>')
str2.push( '  <li>1</li>')
str2.push( '  <li>2</li>')
str2.push( '</ul>')
console.log(str2.join(''))

//方法3, 用\來轉(zhuǎn)義換行符號茅撞,\后面沒空格
var str3 = '<ul>\
              <li>1</li>\
              <li>1</li>\
            </ul>'
console.log(str3)

//方法4, ES6的多行字符串表示方法
var str3 = `<ul>
              <li>1</li>
              <li>2</li>
            </ul>`

console.log(str3)

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length)
//十三個米丘,因為轉(zhuǎn)義字符雖然使用了\n換行但是空格并沒有算在長度里面剑令,相反轉(zhuǎn)義字符占據(jù)了一個占位符.

5、寫一個函數(shù)拄查,判斷一個字符串是回文字符串尚洽,如 abcdcba是回文字符串, abcdcbb不是

function isPalindrome(str) {
  return str === str.split('').reverse().join('')
}

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

var str = 'hello world,haha'
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){
        count = dict[key];
        maxValue = key;
        console.log(key,count)
    }
}

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

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

function camelize(str){
    var str1 = str.split('-');
    for (i = 1;i<str1.length;i++){
        str1[i] = str1[i][0].toUpperCase() + str1[1].substr(1)
    }
    str1 = str1.join('')
    console.log(str1)
}

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

function ucFirst(str) {
    str = str.split('');
    str[0] = str[0].toUpperCase();
    str = str.join('')
    console.log(str);
}

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,num){
    str = str.split('');
    var str1 = ''
        str1 = str1.split('');
    if(num > str.length){
        num = str.length;
        end = ''
    }else{
        end = '...'
    }
    for(i = 0;i<num;i++){
        str1[i] = str[i]
    }
    str1 = str1.join('') + end;
console.log(str1)
}

10勃教、什么是 json?什么是 json 語言匠抗?JSON 語言如何表示對象故源?window.JSON 是什么?

  • JSON格式(JavaScript Object Notation的縮寫)是一種用于數(shù)據(jù)交換的文本格式汞贸,2001年由Douglas Crockford提出绳军,目的是取代繁瑣笨重的XML格式。
    相比XML格式矢腻,JSON格式有兩個顯著的優(yōu)點:書寫簡單门驾,一目了然;符合JavaScript原生語法多柑,可以由解釋引擎直接處理奶是,不用另外添加解析代碼。所以,JSON迅速被接受聂沙,已經(jīng)成為各大網(wǎng)站交換數(shù)據(jù)的標(biāo)準(zhǔn)格式腐魂,并被寫入ECMAScript 5,成為標(biāo)準(zhǔn)的一部分逐纬。
    簡單說,每個JSON對象削樊,就是一個值豁生。要么是簡單類型的值,要么是復(fù)合類型的值漫贞,但是只能是一個值甸箱,不能是兩個或更多的值。這就是說迅脐,每個JSON文檔只能包含一個值芍殖。

  • JSON對值的類型和格式有嚴(yán)格的規(guī)定。
    JSON對象,其實就是JSON的值谴蔑,基本要符合以下規(guī)則.
    復(fù)合類型的值只能是數(shù)組或?qū)ο笸憧ィ荒苁呛瘮?shù)、正則表達式對象隐锭、日期對象窃躲。
    簡單類型的值只有四種:字符串、數(shù)值(必須以十進制表示)钦睡、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)蒂窒。
    字符串必須使用雙引號表示,不能使用單引號荞怒。
    對象的鍵名必須放在雙引號里面洒琢。
    數(shù)組或?qū)ο笞詈笠粋€成員的后面,不能加逗號

  • 對象字面量其實就是一種簡單的描素以及聲明方式褐桌,如上面例舉的: var count = { "one": 1, "two": 2, "three": 3 }, 因為本身json就是JavaScript語法集的一種衰抑,所以json字面量就是用json格式的JavaScript對象字面量

  • 經(jīng)過JSON.parse()轉(zhuǎn)換的值;是 JSON內(nèi)置對象

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

var obj = {
"name":"zhu",
"age":25
}
JSON.stringify(obj);

var str = '{"name":"zhu","age":25}';
JSON.parse(str);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末停士,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子完丽,更是在濱河造成了極大的恐慌恋技,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逻族,死亡現(xiàn)場離奇詭異蜻底,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門薄辅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來要拂,“玉大人,你說我怎么就攤上這事站楚⊥讯瑁” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵窿春,是天一觀的道長拉一。 經(jīng)常有香客問我,道長旧乞,這世上最難降的妖魔是什么蔚润? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮尺栖,結(jié)果婚禮上嫡纠,老公的妹妹穿的比我還像新娘。我一直安慰自己延赌,他們只是感情好除盏,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著挫以,像睡著了一般痴颊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上屡贺,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天蠢棱,我揣著相機與錄音,去河邊找鬼甩栈。 笑死泻仙,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的量没。 我是一名探鬼主播玉转,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼殴蹄!你這毒婦竟也來了究抓?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤袭灯,失蹤者是張志新(化名)和其女友劉穎刺下,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稽荧,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡橘茉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片畅卓。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡擅腰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出翁潘,到底是詐尸還是另有隱情趁冈,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布拜马,位于F島的核電站渗勘,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏一膨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一洒沦、第九天 我趴在偏房一處隱蔽的房頂上張望豹绪。 院中可真熱鬧,春花似錦申眼、人聲如沸瞒津。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽巷蚪。三九已至,卻和暖如春濒翻,著一層夾襖步出監(jiān)牢的瞬間屁柏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工有送, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留淌喻,地道東北人。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓雀摘,卻偏偏與公主長得像裸删,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子阵赠,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

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

  • 0涯塔、對于 HTTP 協(xié)議而言,HTML清蚀、CSS匕荸、JS、JSON 的本質(zhì)都是什么枷邪? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,605評論 0 3
  • 1.使用數(shù)組拼接出如下字符串 };```function getTpl(data){var arr = "";fo...
    湖衣閱讀 314評論 0 0
  • 1每聪、使用數(shù)組拼接出如下字符串 2、寫出兩種以上聲明多行字符串的方法 例如: var str = 'abcdeabc...
    饑人谷_Leon閱讀 288評論 0 0
  • 一、代碼習(xí)題 1.使用數(shù)組拼接出如下字符串 药薯,其中styles數(shù)組里的個數(shù)不定 2.寫出兩種以上聲明多行字符串的方...
    徐國軍_plus閱讀 457評論 0 1
  • 0绑洛、對于 HTTP 協(xié)議而言,HTML童本、CSS真屯、JS、JSON 的本質(zhì)都是什么穷娱? 1.對于HTTP協(xié)議而言绑蔫,htm...
    saintkl閱讀 584評論 0 0