字符串與JSON

1、使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個(gè)數(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 getTpl(data){
  var arr = [];
  arr.push('<dl class="product">');
  arr.push('<dt>'+data.name+'</dt>')
  for(var i=0; i<data.styles.length; i++){
    arr.push('<dd>'+data.styles[i]+'</dd>');
  }
  arr.push('</dl>');
  console.log(arr.join(""));
}
getTpl(prod)

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

一:

//如果長字符串必須分成多行,可以在每一行的尾部使用反斜杠。
var str1 = "hello \
world";

二:

//連接運(yùn)算符(+)可以連接多個(gè)單行字符串,用來模擬多行字符串。
var str2 = 'hello '
+'world';

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

var str = "hello \\\\ jirengu"http://補(bǔ)全代碼
console.log(str)

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

var str = 'jirengu\nruoyu'
console.log(str.length) //輸出13,因?yàn)閈n換行占一個(gè)字符

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

function mychar(str1){
        var str2 = str1.split('').reverse().join('');
        if (str1 == str2) {
            console.log(true);
        }else {
            console.log(false);
        }
    }
    mychar('abcdcba');
    mychar('abcdcbb');

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

var str = "hello world"
    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(count,maxValue);

7、寫一個(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('-');
        for(var i = 0; i< arr.length; i++){
            arr[i] = arr[i][0].toUpperCase().concat(arr[i].substring(1));
        }
        return arr.join('');
    }
console.log(camelize("my-short-string")) // myShortString

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

ucFirst("hunger") == "Hunger"

如下:

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

9、寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength,會(huì)把str截?cái)嗟絤axlength長,并加上...,如

truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

如下:

function truncate(str,maxlength){
        var str1;
        if(maxlength >= str.length){
            str1=str
        }else {
            str1 = str.slice(0, maxlength)+"...";
        }
        return str1;
    }

console.log(truncate("hello, this is hunger valley,", 10)) //"hello, thi...";
console.log(truncate("hello world", 20)) //"hello world"

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

  • JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式,但是也使用了類似于C語言家族的習(xí)慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使JSON成為理想的數(shù)據(jù)交換語言。 易于人閱讀和編寫,同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)。

  • JSON 語法是 JavaScript 對象表示語法的子集。

  1. 數(shù)據(jù)在名稱/值對中
  2. 數(shù)據(jù)由逗號(hào)分隔
  3. 花括號(hào)保存對象
  4. 方括號(hào)保存數(shù)組

JSON 數(shù)據(jù)的書寫格式是:名稱/值對,名稱/值對組合中的名稱寫在前面(在雙引號(hào)中),值對寫在后面(同樣在雙引號(hào)中),中間用冒號(hào)隔開:

var json1 = {"name": "Byron", "age": "24"}

var json2 = [
    {"name": "Byron", "age": "24"}, 
    {"name": "Byron2", "age": "25"}
]
  • window.JSON 是瀏覽器內(nèi)置對象,用來檢測對JSON的支持情況。

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

  • JSON 格式的字符串轉(zhuǎn)換為 JS 對象:
var str = '{"name": "wing", "age": "20"}'
var obj = JSON.parse(str);    //{name: "wing", age: "20"}
  • JS 對象轉(zhuǎn)換為 JSON 格式的字符串:
var obj = {name: "wing", age: 20}
var str = JSON.stringify(obj); //{"name":"wing","age":20}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,662評論 0 4
  • 參考基礎(chǔ)教程的整理,方便記憶 一、Object對象 (O大寫) 所有其他對象都繼承自這個(gè)對象。Object本身也是...
    Viaphlyn閱讀 2,442評論 0 0
  • 在排長后面按順序出場! 親愛的各位老鐵!大家晚上好!我是三排8班的班長——兜兜有糖。我代表三排8班的五位小伙伴前來...
    兜兜有糖902閱讀 712評論 0 0
  • 電腦與互聯(lián)網(wǎng)已經(jīng)成為我們生活中不可或缺的一部分,每個(gè)人都用過電腦,但真正了解它的人卻并不多.我知道,每個(gè)人都能說上...
    半坡城主閱讀 383評論 0 1
  • 開頭是我和大肘子在同一個(gè)公司上班,我準(zhǔn)備先下班回家,一直在收拾東西,忘東忘西,最后終于收拾好了,準(zhǔn)備走了,包沒拿。...
    米絲桃閱讀 289評論 0 0

友情鏈接更多精彩內(nèi)容