1.使用數組拼接出如下字符串
image.png
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data) {
var resultArr = ["<dl class=\"product\">"];
for (var key in data) {
if (data.hasOwnProperty(key)) {
var element = data[key];
if ('name' === key) {
resultArr.push("<dt>" + data[key] + "</dt>");
} else if ('styles' === key) {
var styleArr = data[key];
for (var i = 0, len = styleArr.length; i < len; i++) {
resultArr.push("<dd>" + styleArr[i] + "</dd>");
}
}
}
}
resultArr.push("</dl>");
return resultArr.join('');
};
var result = getTplStr(prod); //result為下面的字符串
console.log(result);
2.寫出兩種以上聲明多行字符串的方法
例如：
image.png
這段字符串很長，如何多行優雅的顯示
//方式1：
var str = 'abcdeabcdeabcdeancdeab\
cdeabcdeabcdeancdeabcdeabcdeab\
cdeancdeabcdeabcdeabcdeancde';
//方式2：
var str = 'abcdeabcdeabcdeancdeab' +
'cdeabcdeabcdeancdeabcdeabcdeab' +
'cdeancdeabcdeabcdeabcdeancde';
//方式3：
var fn = function() {/*
abcdeabcdeabcdeancdeab
cdeabcdeabcdeancdeabcdeabcdeab
cdeancdeabcdeabcdeabcdeancde
*/}
var fnArr = fn.toString().split('\n');
//刪除第1個和最后一個元素,剩下的就是有效的字符串元素
fnArr.splice(0, 1);
fnArr.splice(fnArr.length-1, 1);
for(var i=0,len=fnArr.length; i<len; i++){
fnArr[i] = fnArr[i].trim();
}
var str = fnArr.join('');
console.log(str);
3. 補全如下代碼,讓輸出結果為字符串: hello\\饑人谷
image.png
var str = "hello\\\\饑人谷" //補全代碼
console.log(str);
4.以下代碼輸出什么?為什么
image.png
var str = 'jirengu\nruoyu'
//輸出13 str.length表示字符串長度，字符串長度包含\n換行符
console.log(str.length)
5.寫一個函數，判斷一個字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function isPalindromic(num) {
var numArr = num.split('');
var reverseNum = numArr.reverse().join('');
if (reverseNum === num) {
return true;
}
return false;
}
var num1 = 'abcdcba';
var num2 = 'abcdcbb';
console.log(num1, 'is a Palindromic? ', isPalindromic(num1));
console.log(num2, 'is a Palindromic? ', isPalindromic(num2));
6.寫一個函數，統計字符串里出現出現頻率最多的字符
var testStr = "aaaaaaaaabbbbcccdeeeeff letter frequency statistics";
letterStatistics(testStr);
function letterStatistics(paramStr) {
var paramArr = paramStr.split('');
var dict = [];
for (var i = 0, len = paramArr.length; i < len; i++) {
var item = paramArr[i];
if (dict[item] === undefined) {
dict[item] = 1;
} else {
dict[item]++;
}
}
var maxLetter = '';
var count = 0;
for (var key in dict) {
if (dict.hasOwnProperty(key)) {
var element = dict[key];
if (element > count) {
maxLetter = key;
count = element;
}
}
}
console.log(dict);
console.log("max frequency letter is:", maxLetter, " total:", count);
}
7.寫一個camelize函數，把my-short-string形式的字符串轉化成myShortString形式的字符串，如
image.png
console.log(camelize("background-color") == 'backgroundColor');
console.log(camelize("list-style-image") == 'listStyleImage');
function camelize(str) {
var strArr = str.split('-');
var len = strArr.length;
if (len > 0) {
for (var i = 0; i < len; i++) {
var itemStr = strArr[i];
if (0 === i) {
continue;
} else {
var itemStrArr = itemStr.split('');
//把除第一個子元素外的其他子元素首字母改為大寫
itemStrArr[0] = itemStrArr[0].toUpperCase();
strArr[i] = itemStrArr.join('');
}
}
return strArr.join('');
}
return str;
}
8.寫一個 ucFirst函數，返回第一個字母為大寫的字符 （***）
image.png
console.log(ucFirst("hunger") == "Hunger");
function ucFirst(str) {
if (str.length > 0) {
strArr = str.split('');
strArr[0] = strArr[0].toUpperCase();
return strArr.join('');
}
return '';
}
9.寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如
image.png
console.log(truncate("hello, this is hunger valley,", 10) == "hello, thi...");
console.log(truncate("hello world", 20) == "hello world");
function truncate(str, maxLength) {
var len = str.length;
if (len > maxLength) {
return str.substr(0,maxLength)+"...";
}
return str;
}
10.什么是 JSON格式數據？JSON格式數據如何表示對象？window.JSON 是什么？
Json是一種輕量級的數據交換格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一個子集。 JSON采用完全獨立于語言的文本格式，但是也使用了類似于C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使JSON成為理想的數據交換語言。 易于人閱讀和編寫，同時也易于機器解析和生成(網絡傳輸速度)。
JSON 語法是 JavaScript 對象表示語法的子集。
1.數據在名稱/值對中
2.數據由逗號分隔
3.花括號保存對象
4.方括號保存數組
每個JSON對象，就是一個值。要么是簡單類型的值，要么是復合類型的值，但是只能是一個值，不能是兩個或更多的值。JSON對值的類型和格式有嚴格的規定
復合類型的值只能是數組或對象，不能是函數、正則表達式對象、日期對象。
簡單類型的值只有四種：字符串、數值（必須以十進制表示）、布爾值和null（不能使用NaN, Infinity, -Infinity和undefined）。
字符串必須使用雙引號表示，不能使用單引號。
對象的鍵名必須放在雙引號里面。
數組或對象最后一個成員的后面，不能加逗號。
JSON 數據的書寫格式是：名稱/值對，名稱/值對組合中的名稱寫在前面（在雙引號中），值對寫在后面(同樣在雙引號中)，中間用冒號隔開：
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
window.JSON : 是瀏覽器內置對象。可用于判斷瀏覽器是否兼容JSON的用法，例如IE8版本以上才內置支持JSON.parse方法。JSON對象主要有兩個『靜態』函數：
parse：把字符串轉化為JSON對象
stringify：把JSON對象轉化為字符串
11.如何把JSON 格式的字符串轉換為 JS 對象？如何把 JS對象轉換為 JSON 格式的字符串?
- 把字符串變成json對象的方法：JSON.parse()
- 把json對象變成字符串的方法：JSON.stringify()
