字符串與json

對(duì)于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是符合某種語(yǔ)法的字符串

  1. 使用數(shù)組拼出字符串

    var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function get(data){
    var arr='<dl class="product">';
    arr+='<dt>+data[name]+</dt>';
    for(var i=0;i<data.styles.length;i++){
      arr+='<dd>'+data['styles'][i]+'</dd>';
     
};
    arr+='</dl>';
    return arr
};
var result=get(prod);
console.log(result)
  1. 一行字符串,多行顯示

例如:var str='abcncb'

var str='abc\
 ncb\
'//abc  ncb
var str='abc'
+'ncb'//abcncb
  1. 輸出結(jié)果為字符串

var str='hello\\\\饑人谷'
console.log(str)
  1. 代碼輸出

var str = 'jirengu\nruoyu'
console.log(str.length)//輸出13

原因:\n是轉(zhuǎn)義字符,在js中占一個(gè)字節(jié)。

  1. 寫一個(gè)函數(shù),判斷一個(gè)字符串是回文字符串

例如判斷str=abcdcba是回文字符串

var arr1='aabaa';
function isReverse(str){
    newstr=str.split(' ').reverse().join()
    if(newstr===str){
      console.log('是回文字符串')
}else{
    console.log('不是回文字符串')
}
}
var arr=isReverse(arr1)
console.log(arr)
  1. 統(tǒng)計(jì)字符串中出現(xiàn)頻率最高的字符

var arr='hellojirenguhellohhhh';
var obj={};
for(i=0;i<arr.length;i++){
    if(obj[arr[i]]){
    ++obj[arr[i]];
}else{
    obj[arr[i]]=1;
}
}
var count=0;
var maxValue
for (key in obj){
    if(obj[key]>count){
     count=obj[key] 
     maxValue=key
}
}
console.log(count,maxValue)
  1. 寫一個(gè)camelize函數(shù),把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串

var a='background-color'
    var b='list-style-image'
function camelize(str){
    return str.split('-').join('')
}
var arr=camelize(a)
var arr1=camelize(b)
console.log(arr)
console.log(arr1)
  1. 寫一個(gè) ucFirst函數(shù),返回第一個(gè)字母為大寫的字符

var arr='hunger';
function ucFirst(str){
    var str=str[0].toUpperCase()+arr.substr(1,5);
    return str
}
var a=ucFirst(arr);
console.log(a)
  1. 寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長(zhǎng)度大于maxlength,會(huì)把str截?cái)嗟絤axlength長(zhǎng),并加上...

function truncate(str,maxlength){
    if(str.length>maxlength){
    var arr=str.substring(0,maxlength)+'...';
    return arr
}
}
var a=truncate("hello, this is hunger valley,", 10)
console.log(a)
  1. json格式數(shù)據(jù):null 字符串 數(shù)字 布爾 對(duì)象 數(shù)組
    json格式的數(shù)據(jù)表示對(duì)象:
    1. 復(fù)合類型的值只能是數(shù)組或是對(duì)象,不能是函數(shù)、正則表達(dá)式對(duì)象、日期對(duì)象。
    2. 對(duì)象的鍵名必須放在雙引號(hào)里面
    3. 數(shù)組或者對(duì)象最后一個(gè)成員的后面不能加逗號(hào)
      例如:
var json1={"name":"ruoyu","age":"24"}

window.JSON是用于判斷瀏覽器是否兼容json的用法,例如ie8版本以上才內(nèi)置支持json.parse方法,對(duì)此常見(jiàn)這樣的寫法:

if (window.JSON){
    jsonObj2=JSON.parse(json);
}else{

}
  1. js對(duì)象與json字符串的轉(zhuǎn)換
var str='{"name":"ruoyu","age":30}'
var obj=JSON.parse(str)//轉(zhuǎn)化為對(duì)象
console.log(JSPN.stringify(obj))//轉(zhuǎn)換為json字符串
最后編輯于
?著作權(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)容

  • 0、對(duì)于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是什么? HTML就是符合HTML語(yǔ)法的字...
    怎么昵稱閱讀 1,687評(píng)論 0 3
  • 0、對(duì)于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是什么? 1.對(duì)于HTTP協(xié)議而言,htm...
    saintkl閱讀 645評(píng)論 0 0
  • 1、使用數(shù)組拼接出如下字符串 2、寫出兩種以上聲明多行字符串的方法 例如: var str = 'abcdeabc...
    饑人谷_Leon閱讀 365評(píng)論 0 0
  • 1,對(duì)于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是什么? 對(duì)于HTTP協(xié)議而言,html、...
    進(jìn)擊的前端_風(fēng)笑影閱讀 1,097評(píng)論 0 0
  • 0、對(duì)于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是什么? 對(duì)于HTTP協(xié)議而言,html、...
    cross_王閱讀 310評(píng)論 0 0

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