使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個數(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: ['短款', '冬季', '春裝']
};
var str = '<dl class="product"><dt>' + prod.name + '</dt>';
function getTpl(data){
var arr = prod.styles;
for (var i = 0; i < arr.length; i++) {
str = str + '<dd>' + arr[i] + '</dd>'
}
return str;
//todo...
};
var result = getTpl(prod);
console.log(result)
寫出兩種以上聲明多行字符串的方法
例如:
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
// 代碼如下:
var str2 = 'abcdeabcdeabcdeabcde\nabcdeabcdeabcdeancdeabcde\nabcdeabcdeancdeabcdeabcdeabcdeancde';
var str3 = (function () { /*
abcdeabcdeabcdeancde
abcdeancdeabcdeabcdeabcde
ancdeabcdeabcdeabcdeancdeabcdeabcde
*/}).toString().split('\n').slice(1, -1).join('\n');
console.log(str2);
console.log(str3);
// 輸出結(jié)果:
console.log(str2);
"abcdeabcdeabcdeabcde
abcdeabcdeabcdeancdeabcde
abcdeabcdeancdeabcdeabcdeabcdeancde"
console.log(str3);
"abcdeabcdeabcdeancde
abcdeancdeabcdeabcdeabcde
ancdeabcdeabcdeabcdeancdeabcdeabcde"
補全如下代碼,讓輸出結(jié)果為字符串
輸出結(jié)果:hello\\饑人谷
var str = 'hello \\\\ 饑人谷' //補全代碼
console.log(str);
// hello\\饑人谷
以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu';
console.log(str.length);
輸出結(jié)果:13吼和,\n
識別成 1 個字符芽淡。
寫一個函數(shù),判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
function fn(str){
if (str == str.split('').reverse().join('')) {
console.log('這是一個回文字符串');
} else {
console.log('這不是一個回文字符串');
}
};
var str1 = 'abcdcbb' // 這不是一個回文字符串
var str1 = 'abcdcba' // 這是一個回文字符串
fn(str1);
寫一個函數(shù),統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符
var str1 = 'aaaaaaaabbbbbsssssxxxxxccccc'
var dict = {};
function maxChar(str){
for(var i = 0; i < str.length; i++){
if (dict[str[i]]) {
++dict[str[i]];
}else{
dict[str[i]] = 1;
}
}
var contents;
var maxValue = 0;
for (var key in dict) {
if (dict[key] > maxValue){
contents = key;
maxValue = dict[key];
}
}
console.log(contents, maxValue);
}
maxChar(str1);
寫一個 camelize 函數(shù),把 my-short-string 形式的字符串轉(zhuǎn)化成myShortString 形式的字符串履怯,如下
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
var str1 = "my-short-string";
function fn(str){
var arr = str.split('-'); // 獲取以 - 分離后的字符串
for (var i = 1; i < arr.length; i++){
arr[i] = arr[i].replace(arr[i][0],arr[i][0].toUpperCase()); // 從第二單詞開始首字母大寫
}
return arr.join('');
}
fn(str1);
寫一個 ucFirst函數(shù),返回第一個字母為大寫的字符
ucFirst("hunger") == "Hunger"
function ucFirst(str){
str = str.replace(str[0],str[0].toUpperCase());
console.log(str);
}
寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength呛占,會把str截斷到maxlength長虑乖,并加上...,如
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
方法一:
function fn(str,num){
if (str.length > num){
str = str.replace(str.substring(num, (str.length)), "...")
}
return str;
}
console.log(fn("hello, this is", 5))
方法二:
function fn2(str,num){
if (str.length > num){
str = str.substr(0,num) + '...';
}
return str;
}
console.log(fn("hello, this is", 3))
什么是 JSON格式數(shù)據(jù)晾虑?JSON格式數(shù)據(jù)如何表示對象疹味?window.JSON 是什么?
- JSON 格式(JavaScript Object Notation 的縮寫)是一種用于數(shù)據(jù)交換的文本格式帜篇,2001年由 Douglas Crockford 提出糙捺,目的是取代繁瑣笨重的 XML 格式。
- JSON 對值的類型和格式有嚴格的規(guī)定
- 復合類型的值只能是數(shù)組或?qū)ο篌舷叮荒苁呛瘮?shù)洪灯、正則表達式對象、日期對象竟痰;
- 簡單類型的值只有四種:字符串签钩、數(shù)值(必須以十進制表示)、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)坏快;
- 字符串必須使用雙引號表示铅檩,不能使用單引號;
- 對象的鍵名必須放在雙引號里面莽鸿;
- 數(shù)組或?qū)ο笞詈笠粋€成員的后面昧旨,不能加逗號拾给。
- window.JSON:
- window.JSON是ECMAScript 5定義的一個原生的瀏覽器內(nèi)置對象,用來檢測對JSON的支持情況兔沃;
- JSON對象內(nèi)置了JSON.parse()和JSON.stringify()方法蒋得;
- 當HTML頁面指定了DOCTYPE且瀏覽器模式為IE8時,才支持內(nèi)置的 window.JSON對象,IE8版本以上才內(nèi)置支持JSON.parse()函數(shù)方法乒疏。
如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象额衙?如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?
-
JSON.parse方法用于將JSON字符串轉(zhuǎn)化成對象。
JSON.parse('{}') // {} JSON.parse('true') // true JSON.parse('"foo"') // "foo" JSON.parse('[1, 5, "false"]') // [1, 5, "false"] JSON.parse('null') // null var o = JSON.parse('{"name": "張三"}'); o.name // 張三
如果傳入的字符串不是有效的JSON格式怕吴,JSON.parse方法將報錯入偷。
JSON.parse("'String'") // illegal single quotes // SyntaxError: Unexpected token ILLEGAL
上面代碼中,雙引號字符串中是一個單引號字符串械哟,因為單引號字符 串不符合JSON格式,所以報錯殿雪。
-
JSON.stringify方法用于將一個值轉(zhuǎn)為字符串暇咆。該字符串符合 JSON 格式,并且可以被JSON.parse方法還原丙曙。
JSON.stringify('abc') // ""abc"" JSON.stringify(1) // "1" JSON.stringify(false) // "false" JSON.stringify([]) // "[]" JSON.stringify({}) // "{}" JSON.stringify([1, "false", false]) // '[1,"false",false]' JSON.stringify({ name: "張三" }) // '{"name":"張三"}'
上面代碼將各種類型的值爸业,轉(zhuǎn)成 JSON 字符串。
需要注意的是亏镰,對于原始類型的字符串扯旷,轉(zhuǎn)換結(jié)果會帶雙引號。
JSON.stringify('foo') === "foo" // false JSON.stringify('foo') === "\"foo\"" // true
上面代碼中索抓,字符串foo钧忽,被轉(zhuǎn)成了""foo""。這是因為將來還原的時候逼肯,雙引號可以讓 JavaScript 引擎知道耸黑,foo是一個字符串,而不是一個變量名篮幢。
如果原始對象中大刊,有一個成員的值是undefined、函數(shù)或 XML 對象三椿,這個成員會被過濾缺菌。
var obj = { a: undefined, b: function () {} }; JSON.stringify(obj) // "{}"
上面代碼中,對象obj的a屬性是undefined搜锰,而b屬性是一個函數(shù)伴郁,結(jié)果都被JSON.stringify過濾。
如果數(shù)組的成員是undefined纽乱、函數(shù)或 XML 對象蛾绎,則這些值被轉(zhuǎn)成null。
var arr = [undefined, function () {}]; JSON.stringify(arr) // "[null,null]"
上面代碼中,數(shù)組arr的成員是undefined和函數(shù)租冠,它們都被轉(zhuǎn)成了null鹏倘。
正則對象會被轉(zhuǎn)成空對象。
JSON.stringify(/foo/) // "{}"
JSON.stringify方法會忽略對象的不可遍歷屬性顽爹。