任務20-數組與JSON

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

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

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

var long = "a\n\
b\n\
c\n\
d";
var long = ["a","b","c","d"].join("\n");
(function(){/*
a
b
c
d
*/}).toString().split("\n").slice(1,-1).join("\n");

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length)//13,\n計算為一個字符。
//

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

function huiWen(str){
 return str.split("").reverse().join("")==str;
}

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

    function demo(str){
            strs = str.split("").sort();//將字符串分解成單字符數組,并排序(排序可不用)
            //console.log(strs);//這是調試用的
            var counters = [];//定義一個數組來保存字符出現的次數
            for(var i = 0;i<strs.length;i++){//用兩個for循環來遍歷strs數組內字符出現的次數,用temp計數。
                var temp=0;
                for(var j = 0;j<strs.length;j++){
                    if(strs[i]==strs[j]){
                        temp++;
                    }
                }
                //console.log(strs[i]+":"+temp);//這是調試用的
                if(Array.isArray(counters[temp])){//判斷是否數組
                    if(!counters[temp].some(function(elem){//判斷數組里面是否有相同元素。
                            return elem==strs[i];
                        }))
                        counters[temp].push(strs[i]);//沒有相同元素則push字符到相應的以次數為腳標的二維數組中。
                }else {
                    counters[temp] = [];//不是數組,則定義空數 組。
                    counters[temp].push(strs[i]);//同時push字符到相應的以次數為腳標的二維數組中。主要是第一次push時。
                }
            }
            console.log(counters[counters.length-1]);//那么最后一個二維數組內容就是次數最多的字符,出現的次數就是counters.length-1。
            return counters;
        }

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

 function camelize(str){
            var str1=[];
            var stra =str.split("-");
            for(var i=0;i< stra.length;i++){
                if(i==0){
                    str1[i]=stra[i]
                }else {
                    str1[i]=stra[i].replace(stra[i][0],stra[i][0].toUpperCase());
                }
            }
            return str1.join("");
        }
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

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

function ucFirst(str){
return str.replace(str[0],str[0].toUpperCase());
}
ucFirst("hunger") == "Hunger"

9、寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength,會把str截斷到maxlength長,并加上...,如

function truncate(str,maxlength){
  if(str.length>=maxlength){
  return  str.slice(0,maxlength).concat("...") ;
   }
 return str;
}
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

10、什么是 json?什么是 json 對象?什么是 json 對象字面量?什么是 JSON內置對象?
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。

JSON 對象的書寫格式是:名稱/值對,名稱/值對組合中的名稱寫在前面(在雙引號中),值對寫在后面(同樣在雙引號中),中間用冒號隔開:。

json對象字面量:
1)他們是固定的值,不是變量,讓你從“字面上”理解腳本。
2)字符串字面量是由雙引號(")或單引號(')包圍起來的零個或多個字符組成的。
3)對象字面量是由大括號({})括起來的零個或多個對象的屬性名-值對。

JSON是javascript的內置對象;

11、如何把JSON 格式的字符串轉換為對象?如何把對象轉換為 JSON 格式的字符串?
parse:把字符串轉化為JSON對象
JSON.parse('{"name":"張三"}');//{"name":"張三"}
stringify:把JSON對象轉化為字符串
JSON.stringify({"name":"張三"});//'{"name":"張三"}'

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

推薦閱讀更多精彩內容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執行單位為行(line),也就是一...
    悟名先生閱讀 4,196評論 0 13
  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,632評論 0 3
  • 前言 最先接觸編程的知識是在大學里面,大學里面學了一些基礎的知識,c語言,java語言,單片機的匯編語言等;大學畢...
    oceanfive閱讀 3,130評論 0 7
  • ->工廠方法模式 ->抽象工廠
    孝直閱讀 207評論 0 1
  • 好處1)使用線程可以把程序中占據時間長的任務放到后臺去處理,如圖片、視頻下載2)發揮多核處理器的優勢,并發執行讓系...
    liudhkk閱讀 230評論 0 0