字符串與JSON

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

var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
    var str = "<dl>";
    str += '<dt>'+ data.name +'</dt>';
    for(key in data.styles){
        str += '<dd>' + data.styles[key]+ '</dd>'
    }
    str += '</dl>'
    return str;
}
var result = getTplStr(prod); 

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

//tip: 如果是要拼接 html 字符串,最好讓 html 對齊展示工整,這樣可讀性更好,多點空格沒關(guān)系
//方法1,字符串拼接
var str1 = ''
str1 += '<ul>'
str1 += '  <li>1</li>'
str1 += '  <li>2</li>'
str1 += '</ul>'
console.log(str1)

//方法2, 數(shù)組 join
var str2 = []
str2.push( '<ul>')
str2.push( '  <li>1</li>')
str2.push( '  <li>2</li>')
str2.push( '</ul>')
console.log(str2.join(''))

//方法3, 用\來轉(zhuǎn)義換行符號,\后面沒空格
var str3 = '<ul>\
              <li>1</li>\
              <li>1</li>\
            </ul>'
console.log(str3)

//方法4, ES6的多行字符串表示方法
var str3 = `<ul>
              <li>1</li>
              <li>2</li>
            </ul>`

console.log(str3)

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length)
//十三個,因為轉(zhuǎn)義字符雖然使用了\n換行但是空格并沒有算在長度里面,相反轉(zhuǎn)義字符占據(jù)了一個占位符.

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

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

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

var str = 'hello world,haha'
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){
        count = dict[key];
        maxValue = key;
        console.log(key,count)
    }
}

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

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

function camelize(str){
    var str1 = str.split('-');
    for (i = 1;i<str1.length;i++){
        str1[i] = str1[i][0].toUpperCase() + str1[1].substr(1)
    }
    str1 = str1.join('')
    console.log(str1)
}

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

function ucFirst(str) {
    str = str.split('');
    str[0] = str[0].toUpperCase();
    str = str.join('')
    console.log(str);
}

9、寫一個函數(shù)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,num){
    str = str.split('');
    var str1 = ''
        str1 = str1.split('');
    if(num > str.length){
        num = str.length;
        end = ''
    }else{
        end = '...'
    }
    for(i = 0;i<num;i++){
        str1[i] = str[i]
    }
    str1 = str1.join('') + end;
console.log(str1)
}

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

  • JSON格式(JavaScript Object Notation的縮寫)是一種用于數(shù)據(jù)交換的文本格式,2001年由Douglas Crockford提出,目的是取代繁瑣笨重的XML格式。
    相比XML格式,JSON格式有兩個顯著的優(yōu)點:書寫簡單,一目了然;符合JavaScript原生語法,可以由解釋引擎直接處理,不用另外添加解析代碼。所以,JSON迅速被接受,已經(jīng)成為各大網(wǎng)站交換數(shù)據(jù)的標準格式,并被寫入ECMAScript 5,成為標準的一部分。
    簡單說,每個JSON對象,就是一個值。要么是簡單類型的值,要么是復(fù)合類型的值,但是只能是一個值,不能是兩個或更多的值。這就是說,每個JSON文檔只能包含一個值。

  • JSON對值的類型和格式有嚴格的規(guī)定。
    JSON對象,其實就是JSON的值,基本要符合以下規(guī)則.
    復(fù)合類型的值只能是數(shù)組或?qū)ο?,不能是函?shù)、正則表達式對象、日期對象。
    簡單類型的值只有四種:字符串、數(shù)值(必須以十進制表示)、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)。
    字符串必須使用雙引號表示,不能使用單引號。
    對象的鍵名必須放在雙引號里面。
    數(shù)組或?qū)ο笞詈笠粋€成員的后面,不能加逗號

  • 對象字面量其實就是一種簡單的描素以及聲明方式,如上面例舉的: var count = { "one": 1, "two": 2, "three": 3 }, 因為本身json就是JavaScript語法集的一種,所以json字面量就是用json格式的JavaScript對象字面量

  • 經(jīng)過JSON.parse()轉(zhuǎn)換的值;是 JSON內(nèi)置對象

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

var obj = {
"name":"zhu",
"age":25
}
JSON.stringify(obj);

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

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

  • 0、對于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是什么? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,684評論 0 3
  • 1.使用數(shù)組拼接出如下字符串 };```function getTpl(data){var arr = "";fo...
    湖衣閱讀 398評論 0 0
  • 1、使用數(shù)組拼接出如下字符串 2、寫出兩種以上聲明多行字符串的方法 例如: var str = 'abcdeabc...
    饑人谷_Leon閱讀 354評論 0 0
  • 一、代碼習題 1.使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個數(shù)不定 2.寫出兩種以上聲明多行字符串的方...
    徐國軍_plus閱讀 542評論 0 1
  • 0、對于 HTTP 協(xié)議而言,HTML、CSS、JS、JSON 的本質(zhì)都是什么? 1.對于HTTP協(xié)議而言,htm...
    saintkl閱讀 642評論 0 0

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