字符串與JSON

1、使用數組拼接出如下字符串

var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
        var arr = [];
        arr.push('<dl class="product">'+'\n');
        arr.push('\t'+'<dt>'+data.name+'</dt>'+'\n');
        for(var i=0;i<data.styles.length;i++){
            arr.push('\t'+'<dd>'+data.styles[i]+'</dd>'+'\n')
        }
        arr.push('</dl>');
        return arr.join("");
};
var result = getTpl(prod);  //result為下面的字符串
<dl class="product">
    <dt>女裝</dt>
    <dd>短款</dd>
    <dd>冬季</dd>
    <dd>春裝</dd>
</dl>

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

1.\n換行

var str = "hello\njirengu";
console.log(str);

2.長字符串必須分成多行,可以在每一行的尾部使用反斜杠。

var str ="hello\
          jriengu";
console.log(str)

3.多行注釋,生成多行字符串。

(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')
// "line 1 line 2 line 3"

3.補全如下代碼,讓輸出結果為字符串: hello\饑人谷

var str = "hello\\\\饑人谷"http://補全代碼
console.log(str)

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

var str = 'jirengu\nruoyu'
console.log(str.length);//13,"\n"代表一個字符,"jirenguruoyu"為12個字符

5.寫一個函數,判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是

    function isPalindrome(str){
        return str === str.split("").reverse().join("");
    }
    var str1 = "abcdcba";
    var str2 = "abcdcbb";
    console.log(isPalindrome(str1));//true
    console.log(isPalindrome(str2));//false

6.寫一個函數,統計字符串里出現出現頻率最多的字符

    var str = "ssssss bbbbb cccc dddd eeeeeeeee gggg";
    function MaxRateStr(str) {
        var obj = {};
        for (var i = 0; i < str.length; i++) {
            if (obj[str[i]]) {
                ++obj[str[i]];
            } else {
                obj[str[i]] = 1;
            }
        }
        var count = 0;
        var maxValue;
        for (var key in obj) {
            if (obj[key] > count) {
                count = obj[key];
                maxValue = key
            }
        }
        console.log(maxValue+":"+count);
    }
    MaxRateStr(str);//e:9

7.寫一個camelize函數,把my-short-string形式的字符串轉化成myShortString形式的字符串,如

    function camelize(str){
        var arr = str.split("-");
        var newArr =[];
        newArr.push(arr[0]);
        for(var i = 1; i < arr.length;i++){
            newArr.push(arr[i][0].toUpperCase()+arr[i].substring(1));
        }
        return newArr.join("");
    }

    console.log(camelize("my-short-string"));//myShortString
    console.log(camelize("background-color"));//backgroundColor
    console.log(camelize("list-style-image"));//listStyleImage

8.寫一個 ucFirst函數,返回第一個字母為大寫的字符 (***)

ucFirst("hunger") == "Hunger"
    function ucFirst(str){
        return  str[0].toUpperCase()+str.substring(1);

    }
    console.log(ucFirst("clark"));//Clark

9.寫一個函數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){
            return str.substr(0,maxlength)+"..."
        }else{
            return str
        }
    }

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

10.什么是 json?什么是 json 對象?什么是 json 對象字面量?什么是 JSON內置對象?

  • json(javascript object notation)的縮寫是一種用于數據交換的文本格式,目的是取代繁瑣的xml。具有書寫簡單,一目了然,符號javascript原生語法,可以由解釋引擎直接處理,不用另外添加解析代碼。所以,json迅速被接受,成為es5標準的一部分。
  • json對象就是json的值,基本要符合以下規則
    復合類型的值只能是數組或對象,不能是函數、正則表達式對象、日期對象。
    簡單類型的值只有四種:字符串、數值(必須以十進制表示)、布爾值和null
    字符串必須使用雙引號表示,不能使用單引號
    對象的鍵名必須放在雙引號里面
    數組或對象最后一個成員的后面,不能加逗號
  • json對象字面量是一種簡單的描述以及聲明方式。
  • JSON是javascript中的內置對象,提供了JSON.parse()、JSON.stringify()等方法

11.如何把JSON 格式的字符串轉換為對象?如何把對象轉換為 JSON 格式的字符串

JSON字符串轉換成對象:
JSON.prase(str);

對象轉換為JSON字符串
JSON.stringify(obj);

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,627評論 0 3
  • 1.使用數組拼接出如下字符串 };```function getTpl(data){var arr = "";fo...
    湖衣閱讀 323評論 0 0
  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? 1.對于HTTP協議而言,htm...
    saintkl閱讀 587評論 0 0
  • 使用數組拼接出如下字符串 var prod = {name: '女裝',styles: ['短款', '冬季', ...
    jamesXiao_閱讀 283評論 0 0
  • 1,對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? 對于HTTP協議而言,html、...
    進擊的前端_風笑影閱讀 851評論 0 0