數(shù)組、JSON

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

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

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

例如:

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

這段字符串很長,如何多行優(yōu)雅的顯示

var str = 'abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde'
var str = 'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'
+'abcde'

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length) 

輸出結(jié)果為:13 ;str.length是字符串str的長度,"jirengu\nruoyu"一共13個(gè)字符,\n是換行符為一個(gè)字符,故輸出13。

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

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

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

function maxChar(str){
  var dict = {},count = 0,maxValue = 0;
  for(var i = 0; i<str.length;i++){
    if(dict[str[i]]){
      ++dict[str[i]];
    }else{
      dict[str[i]]=1;
    }
  }
  for(var key in dict){
    if(dict[key]>count){
      maxValue = key;
      count = dict[key];
    }
  }
  return key;
}

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

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str){
  var arr =[];
  for(var i =0 ;i<str.length;i++){
     arr[i]=str[i];
  }
  for(var j =0 ;j<str.length;j++){
    if(arr[j]=="-"){
      arr[j+1] = arr[j+1].toUpperCase();
      arr.splice(j,1);
    }
  }
  return arr.join("");
}

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

function ucFirst(str){
  return str.replace(str.substring(0,1),str.substring(0,1).toUpperCase()); 
}
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){
  if(str[maxlength]){
    return str.substring(0,maxlength)+"..."
  }else{
    return str
    
  }
}

10、什么是 json?什么是 json 語言?JSON 語言如何表示對(duì)象?window.JSON 是什么?

  • JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。
  • JSON相比XML格式,JSON格式有兩個(gè)顯著的優(yōu)點(diǎn):書寫簡(jiǎn)單,一目了然;符合JavaScript原生語法,可以由解釋引擎直接處理,不用另外添加解析代碼。所以,JSON迅速被接受,已經(jīng)成為各大網(wǎng)站交換數(shù)據(jù)的標(biāo)準(zhǔn)格式,并被寫入ECMAScript 5,成為標(biāo)準(zhǔn)的一部分。
  • 對(duì)象是以一個(gè)無序的“名稱/值對(duì)”集合。JSON表示對(duì)象的方式:以“{”(左括號(hào))開始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”(冒號(hào));“名稱/值對(duì)”之間使用“,”(逗號(hào))分隔。
    例如 :obj{key1: value1,key2: value2}
  • window.JSON : 是瀏覽器內(nèi)置對(duì)象??捎糜谂袛酁g覽器是否兼容JSON的用法,例如IE8版本以上才內(nèi)置支持JSON.parse方法。JSON對(duì)象主要有兩個(gè)『靜態(tài)』函數(shù):
  • parse:把字符串轉(zhuǎn)化為JSON對(duì)象;
  • stringify:把JSON對(duì)象轉(zhuǎn)化為字符串。

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

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

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

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