使用數(shù)組拼接出如下字符串
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
//todo...
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
解答：
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
var str = '<dl class="product">'+'\n';
str += ' <dt>'+prod.name+'</dt>'+'\n';
for (var i = 0; i < prod.styles.length; i++) {
str += ' <dd>'+prod.styles[i]+'</dd>'+'\n';
}
str += '</dl>';
return str;
};
var result = getTplStr(prod);
console.log(result);
寫(xiě)出兩種以上聲明多行字符串的方法
var str1 = "html \
css \
js \
json \
ajax \
";
console.log(str1);
var str2 = "女裝"
+" 短款"
+" 冬季"
+" 春裝";
console.log(str2);
補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\\饑人谷
var str = "hello\\\\饑人谷"; //補(bǔ)全代碼
console.log(str);
以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length);
// 輸出13，\n 是一個(gè)換行符安疗，占據(jù)了一個(gè)空格乳蛾，計(jì)算長(zhǎng)度為1
寫(xiě)一個(gè)函數(shù)暗赶，判斷一個(gè)字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function isPalindrome(str){
return str === str.split("").reverse().join("");
}
isPalindrome('abcdcba');
寫(xiě)一個(gè)函數(shù)肃叶，統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符
function getCount(str){
var obj = {};
for (var i = 0; i < str.length; i++) {
var index = str[i];
if(obj[index]){
obj[index]++;
}else{
obj[index] = 1;
}
}
console.log(obj); // 當(dāng)前對(duì)象
var maxNumber = 0,maxString="";
for(var key in obj){
if(obj[key] > maxNumber){
maxNumber = obj[key];
maxString = key;
}
}
console.log("字符"+ maxString+"出現(xiàn)頻率最多"+ maxNumber+"次");
}
getCount('abefsfscfffdcbaa');
寫(xiě)一個(gè)camelize函數(shù)蹂随，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串
function camelize(str){
var newArr = str.split("-");
var newStr = '';
for (var i = 0; i < newArr.length; i++) {
newStr += newArr[i].charAt(0).toUpperCase()+newArr[i].slice(1,newArr[i].length);
}
console.log(newStr.slice(0,1).toLowerCase() + newStr.slice(1,newStr.length));
}
camelize("background-color");
camelize("list-style-image");
寫(xiě)一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫(xiě)的字符
function ucFirst(str){
// console.log(str);
var newStr = str.charAt(0).toUpperCase()+ str.slice(1, str.length);
return newStr;
}
ucFirst("hunger");
寫(xiě)一個(gè)函數(shù)truncate(str, maxlength), 如果str的長(zhǎng)度大于maxlength因惭，會(huì)把str截?cái)嗟絤axlength長(zhǎng)岳锁，并加上...
function truncate(str, maxlength){
var newStr = (str.length > maxlength) ? str.substr(0,maxlength) +'...' : str.substr(0,maxlength);
return newStr;
}
truncate("hello, this is hunger valley,", 10);
truncate("hello world", 20);
什么是 json？JSON 語(yǔ)言如何表示對(duì)象蹦魔？window.JSON 是什么激率？
- JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。 易于人閱讀和編寫(xiě)勿决。同時(shí)也易于機(jī)器解析和生成乒躺。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個(gè)子集。 JSON采用完全獨(dú)立于語(yǔ)言的文本格式低缩，但是也使用了類似于C語(yǔ)言家族的習(xí)慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）嘉冒。 這些特性使JSON成為理想的數(shù)據(jù)交換語(yǔ)言
- “名稱/值”對(duì)的集合（A collection of name/value pairs）。不同的語(yǔ)言中，它被理解為對(duì)象（object）健爬，紀(jì)錄（record）控乾，結(jié)構(gòu)（struct），字典（dictionary）娜遵，哈希表（hash table）蜕衡，有鍵列表（keyed list），或者關(guān)聯(lián)數(shù)組 （associative array）
- 值的有序列表（An ordered list of values）设拟。在大部分語(yǔ)言中慨仿，它被理解為數(shù)組（array）
- window.JSON 有兩個(gè)方法
JSON.parse()JSON.stringify()
- 分別用于將字符串序列化成DOM對(duì)象和將DOM對(duì)象轉(zhuǎn)換成字符串，在IE8以下是不支持JSON.parse() ,官方j(luò)son2.js 完美解決兼容問(wèn)題
如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象纳胧？如何把 JS對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?
var json = '{"name" : "bolong", "age": 30}';
var jsonObj = JSON.parse(json); // JSON字符串轉(zhuǎn)換為 JS 對(duì)象
var jsonStr = JSON.stringify(jsonObj); // JS對(duì)象轉(zhuǎn)換為 JSON 格式的字符串
