1、使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個(gè)數(shù)不定
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product"><dt>女裝</dt><dd>短款</dd><dd>冬季</dd><dd>春裝</dd></dl>
代碼:
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
var arr = [];
arr.push('<dl class="product">');
arr.push('<dt>'+data.name+'</dt>')
for(var i=0; i<data.styles.length; i++){
arr.push('<dd>'+data.styles[i]+'</dd>');
}
arr.push('</dl>');
console.log(arr.join(""));
}
getTpl(prod)
2、寫出兩種以上聲明多行字符串的方法
一:
//如果長字符串必須分成多行,可以在每一行的尾部使用反斜杠。
var str1 = "hello \
world";
二:
//連接運(yùn)算符(+)可以連接多個(gè)單行字符串,用來模擬多行字符串。
var str2 = 'hello '
+'world';
3、補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\\饑人谷
var str = "hello \\\\ jirengu"http://補(bǔ)全代碼
console.log(str)
4、以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) //輸出13,因?yàn)閈n換行占一個(gè)字符
5、寫一個(gè)函數(shù),判斷一個(gè)字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
function mychar(str1){
var str2 = str1.split('').reverse().join('');
if (str1 == str2) {
console.log(true);
}else {
console.log(false);
}
}
mychar('abcdcba');
mychar('abcdcbb');
6、寫一個(gè)函數(shù),統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符
var str = "hello world"
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){
maxValue = key
count = dict[key]
}
}
console.log(count,maxValue);
7、寫一個(gè)camelize函數(shù),把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串,如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
如下:
function camelize(str){
var arr = str.split('-');
for(var i = 0; i< arr.length; i++){
arr[i] = arr[i][0].toUpperCase().concat(arr[i].substring(1));
}
return arr.join('');
}
console.log(camelize("my-short-string")) // myShortString
8、寫一個(gè) ucFirst函數(shù),返回第一個(gè)字母為大寫的字符 (***)
ucFirst("hunger") == "Hunger"
如下:
function ucFirst(str){
var str = str[0].toUpperCase() + str.substr(1)
return str
}
console.log(ucFirst("hunger")) // Hunger
9、寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength,會(huì)把str截?cái)嗟絤axlength長,并加上...,如
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
如下:
function truncate(str,maxlength){
var str1;
if(maxlength >= str.length){
str1=str
}else {
str1 = str.slice(0, maxlength)+"...";
}
return str1;
}
console.log(truncate("hello, this is hunger valley,", 10)) //"hello, thi...";
console.log(truncate("hello world", 20)) //"hello world"
10、什么是 JSON格式數(shù)據(jù)?JSON格式數(shù)據(jù)如何表示對象?window.JSON 是什么?
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式,但是也使用了類似于C語言家族的習(xí)慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使JSON成為理想的數(shù)據(jù)交換語言。 易于人閱讀和編寫,同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)。
JSON 語法是 JavaScript 對象表示語法的子集。
- 數(shù)據(jù)在名稱/值對中
- 數(shù)據(jù)由逗號(hào)分隔
- 花括號(hào)保存對象
- 方括號(hào)保存數(shù)組
JSON 數(shù)據(jù)的書寫格式是:名稱/值對,名稱/值對組合中的名稱寫在前面(在雙引號(hào)中),值對寫在后面(同樣在雙引號(hào)中),中間用冒號(hào)隔開:
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
- window.JSON 是瀏覽器內(nèi)置對象,用來檢測對JSON的支持情況。
11、如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象?如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?
- JSON 格式的字符串轉(zhuǎn)換為 JS 對象:
var str = '{"name": "wing", "age": "20"}'
var obj = JSON.parse(str); //{name: "wing", age: "20"}
- JS 對象轉(zhuǎn)換為 JSON 格式的字符串:
var obj = {name: "wing", age: 20}
var str = JSON.stringify(obj); //{"name":"wing","age":20}