1、使用數(shù)組拼接出如下字符串
// 方法一身害、字符串拼接
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
//todo...
return'<dl class="product">\n'
+'\t<dt>'+data.name+'</dt>\n'
+'\t<dd>'+data.styles[0]+'</dd>\n'
+'\t<dd>'+data.styles[1]+'</dd>\n'
+'\t<dd>'+data.styles[2]+'</dd>\n'
+'</dl>'
};
var result = getTpl(prod); //result為下面的字符串
console.log(result)
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
// 方法二频鉴、先遍歷為數(shù)組,再將數(shù)組轉(zhuǎn)換成字符串
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
var arr=[]
function getTpl(data){
//todo...
arr.push('<dl class="product">\n')
arr.push('\t<dt>'+data.name+'</dt>\n')
// arr.push('\t<dd>'+data.styles[0]+'</dd>\n')
// arr.push('\t<dd>'+data.styles[1]+'</dd>\n')
// arr.push('\t<dd>'+data.styles[2]+'</dd>\n')
// arr.push('</dl>')
for ( var key in data.styles ){
arr.push('\t<dd>'+data.styles[key]+'</dd>\n')
}
arr.push('</dl>')
return arr
// return arr.join('')
};
var result = getTpl(prod); //result為下面的字符串
// console.log(result)
console.log(arr.join(''))
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
// 不加轉(zhuǎn)義字符
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
var arr=[]
function getTpl(data){
arr.push('<dl class="product">')
arr.push('<dt>'+data.name+'</dt>')
for ( var key in data.styles ){
arr.push('<dd>'+data.styles[key]+'</dd>')
}
arr.push('</dl>')
return arr
};
var result = getTpl(prod);
console.log(arr.join(''))
2疯兼、寫出兩種以上聲明多行字符串的方法
// 方法一、"+"連接
var str = '<dl class="product">\n'
+'\t<dt>'+data.name+'</dt>\n'
+'\t<dd>'+data.styles[0]+'</dd>\n'
+'\t<dd>'+data.styles[1]+'</dd>\n'
+'\t<dd>'+data.styles[2]+'</dd>\n'
+'</dl>'
// 方法二、利用注釋,但是如果采取一些壓縮處理可能會出現(xiàn)問題
(function str(){/*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join(\n);
// 方法三礁鲁、轉(zhuǎn)義符“\ ”,但是轉(zhuǎn)義符后不能有其他字符而昨,錯誤很不容易發(fā)現(xiàn)
var str ='line 1\
line 2\
line 3'
3救氯、補全如下代碼,讓輸出結(jié)果為字符串: hello\\饑人谷
var str = "hello\\\\饑人谷"
console.log(str)
4找田、以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length)
// 13 \n是轉(zhuǎn)義字符代表換行只占據(jù)一個字符
5歌憨、寫一個函數(shù),判斷一個字符串是回文字符串墩衙,如 abcdcba是回文字符串, abcdcbb不是
function isPalindromeString(str){
var newStr = str.split('').reverse().join('');
if ( str == newStr ){
return str + '是回文字符串'
}
else {
return str + '不是回文字符串'
}
}
console.log(isPalindromeString('abcdcba'))
console.log(isPalindromeString('adcdcbb'))
6务嫡、寫一個函數(shù),統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符
function isMostFrequent(str){
var dict = {}
for ( var a=0; a<str.length; a++){
if (dict[str[a]]){
++dict[str[a]]
}
else{
dict[str[a]]=1
}
}
var cout =0
var maxValue
for ( var key in dict ) {
if (dict[key]>cout) {
cout = dict[key]
maxValue = key
}
}
return '出現(xiàn)頻率最多的字符是:' + key + '漆改,共計:' + cout + '次心铃。'
}
console.log(isMostFrequent('abcdcba hhh,lllhhhhh'))
7、寫一個camelize函數(shù)挫剑,把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串去扣,如
// camelize("background-color") == 'backgroundColor'
// camelize("list-style-image") == 'listStyleImage'
function camelize (str) {
var newStr = str
var arr = newStr.split('-')
var arr2 = []
arr2[0] = arr[0]
for ( var i =1; i<arr.length; i++){
// arr2.push( arr[i][0].toUpperCase() + arr[i].slice(1))
arr2.push( arr[i].toUpperCase().substr(0,1) + arr[i].slice(1))
}
return arr2.join('')
}
console.log(camelize('kuma-bear-plus'))
8、寫一個 ucFirst函數(shù)樊破,返回第一個字母為大寫的字符 (***)
// ucFirst("hunger") == "Hunger"
function ucFirst (str) {
var str2 = str
var str3 = str2[0].toUpperCase() + str2.slice(1) // 因為字符串時基本類型愉棱,此時str2并沒有發(fā)生變化
// var str3 = str2.toUpperCase().substr(0,1) + str2.slice(1)
return str3
}
console.log(ucFirst('hunger'))
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, maxlength) {
if ( str.length>maxlength ){
str = str.slice(0,maxlength) + '...'
// str = str.substr(0,maxlength) + '...'
}
return str
}
console.log(truncate("hello, this is hunger valley", 10))
console.log(truncate("hello world", 20) )
10顺少、什么是 json朋其?什么是 json 語言?JSON 語言如何表示對象脆炎?window.JSON 是什么梅猿?
- JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。
它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個子集秒裕。
- JSON采用完全獨立于語言的文本格式粒没,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。
這些特性使JSON成為理想的數(shù)據(jù)交換語言簇爆。 易于人閱讀和編寫癞松,同時也易于機器解析和生成(網(wǎng)絡傳輸速度)爽撒。 - JSON對象,其實就是JSON的值,基本要符合以下規(guī)則:
復合類型的值只能是數(shù)組或?qū)ο笙烊兀荒苁呛瘮?shù)硕勿、正則表達式。
簡單類型的值只有四種:字符串枫甲、數(shù)值(必須以十進制表示)源武、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)。
字符串必須使用雙引號表示想幻,不能使用單引號粱栖。
對象的鍵名必須放在雙引號里面。
數(shù)組或?qū)ο笞詈笠粋€成員的后面脏毯,不能加逗號 - window.JSON是瀏覽器內(nèi)置對象.
其中JSON.parse()表示把字符串解析為JSON對象;
而JSON.stringify()表示將JSON對象解析為字符串.
11闹究、如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象?如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?
var a = JSON.parse(str) // 將字符串轉(zhuǎn)化為對象
var b = JSON.stringfy(obj) // 將對象轉(zhuǎn)化為json格式的字符串