進階-任務5

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

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

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

// 使用反斜杠
var longString = "Long \
long \
long \
string";
// 使用+號連接
var longString = 'Long '
  + 'long '
  + 'long '
  + 'string';
// 利用多行注釋
(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n');

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

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

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

輸出13
因為\n代表換行符,n前加反斜杠\用來轉義,\n算作一個字符

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

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

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

var str = 'adfl askdj flkjlaksdjf lkasjdfkwj';
str.replace(/[^a-z]/gi,'');
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 max;
for (var key in dict) {
    if (dict[key] > count) {
        max = key;
        count = dict[key];
    }
}
console.log(count, max);

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

function camelize(str) {
    return str.replace(/-/g,'');
}

function camelize(str) {
    return str.split('-').join('');
}

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

function ucFirst(str) {
    return str[0].toUpperCase()+str.substring(1);
}

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

function truncate(str, maxlength) {
    if (maxlength > 0 && str.length > maxlength) {
        return str.substr(0,maxlength) + '...';
    }
    return str;
}

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

  • JSON格式(JavaScript Object Notation的縮寫)是一種用于數據交換的文本格式,2001年由Douglas Crockford提出,目的是取代繁瑣笨重的XML格式。相比XML格式,JSON格式有兩個顯著的優點:書寫簡單,一目了然;符合JavaScript原生語法,可以由解釋引擎直接處理,不用另外添加解析代碼。所以,JSON迅速被接受,已經成為各大網站交換數據的標準格式,并被寫入ECMAScript 5,成為標準的一部分。
  • 每個JSON對象,就是一個值。要么是簡單類型的值,要么是復合類型的值。JSON對值的類型和格式有嚴格的規定:
    復合類型的值只能是數組或對象,不能是函數、正則表達式對象、日期對象;
    簡單類型的值只有四種:字符串、數值(必須以十進制表示)、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined);
    字符串必須使用雙引號表示,不能使用單引號;
    對象的鍵名必須放在雙引號里面;
    數組或對象最后一個成員的后面,不能加逗號;
  • json 對象字面量就是json格式的JavaScript對象字面量,具有以下形式:
var json1 = {"name": "Byron", "age": "24"}
  • JSON內置對象
    ES5新增的JSON對象,用來處理JSON格式數據。它有兩個方法:JSON.stringify()JSON.parse()

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

  • 把JSON 格式的字符串轉換為對象:JSON.parse()
var o = JSON.parse('{"name": "張三"}');
o.name // 張三
  • 把對象轉換為 JSON 格式的字符串: JSON.stringify()
JSON.stringify({ name: "張三" })
// '{"name":"張三"}'
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容