字符串方法,數(shù)組的方法,字符串與數(shù)組相互轉(zhuǎn)換,回文,JSON
1.使用數(shù)組拼接出如下字符串
var prod = {
name: '女裝',
style: ['春季','冬季','夏季']
};
function getTpl(data){
var arr = [];
arr.push("<dl class=\"product\">\n");
arr.push("\t<dt>" + data.name +"</dt>\n");
for(var key in data.style){
arr.push("\t<dd>" + data.style[key] +"</dd>\n");
}
arr.push("</dl>");
return arr.join("");
}
var result = getTpl(prod);
console.log(result); //result為下面的字符串
輸出:
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>
2.寫出兩種以上聲明多行字符串的方法
- 法一:在每一行的尾部使用反斜杠''
var longString = "Long \
long \
long \
string";
console.log(longString);//"Longlong long string"
- 法二:連接運算符（+）可以連接多個單行字符串
var longString = 'Long'
+ 'long '
+ 'long '
+ 'string';
console.log(longString);//"Longlong long string"
- 法三
(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')
// "line 1 line 2 line 3"
3.補全如下代碼,讓輸出結(jié)果為字符串: hello\饑人谷
var str = 'hello\\\\饑人谷';
console.log(str); //"hello\\饑人谷"
4.以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length);// 輸出13,\n是轉(zhuǎn)義字符代表換行只占據(jù)一個字符.'\'單獨使用也不算一個字符.
5.寫一個函數(shù)，判斷一個字符串是回文字符串胀滚，如 abcdcba是回文字符串, abcdcbb不是.
function isReverse(str){
return str == str.split('').reverse().join(''); //把字符串轉(zhuǎn)為數(shù)組，并把數(shù)組翻轉(zhuǎn)然后再連接成字符串
}
var str1 = "asdfdsa";
isReverse(str1);//ture
6.寫一個函數(shù)蚯瞧，統(tǒng)計字符串里出現(xiàn)出現(xiàn)頻率最多的字符
function fn(str) {
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("maxValue is:", maxValue, "count:", count);
}
var str1 = "afggjf";
fn(str1);
7.寫一個camelize函數(shù)珠十，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串泽台，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
var text = "background-color";
var text2 = "list-style-image";
function camelize(str){//以 "background-color為例
var arr = str.split('-');//以-切割數(shù)組:[background,color]
var arr3 = arr.slice(0,1);//切割后的第一個元素放到一個數(shù)組:[background]
var arr2 = arr.slice(1);//切割后的除了第一個元素之后的數(shù)組:[color]
var newArr = [];//用來保存第一個字母是大寫的數(shù)組,即第二個數(shù)組.
for(var i = 0; i < arr2.length; i++){
newArr.push(arr2[i][0].toUpperCase() + arr2[i].slice(1));//[Color]
}
var arr4 = (arr3.concat(newArr)).join(""); //把第一個沒被大寫的數(shù)組和
//被改為大寫的數(shù)組進行拼接.:[backgroundColor]
return arr4;
}
console.log(camelize(text));
console.log(camelize(text2));
8.寫一個 ucFirst函數(shù)邓萨，返回第一個字母為大寫的字符
ucFirst("hunger") == "Hunger"
簡單法:
function fn(str){
var s = str[0].toUpperCase();
var b = str.substr(1);
return s + b;
}
console.log(fn("asd"));
復雜法:
function ucFirst(str){
var arr = str.split('');//[a,s,d]
var arr1 = arr.slice(0,1);//[a]
var arr2 = arr.slice(1);//[sd]
var newArr = [];
newArr.push(arr1[0].toUpperCase() + arr2);//newArr=["As,d"]
var str2 = newArr.join().replace(/,/g,'');//替換全局的','為空格
console.log(str2);
}
ucFirst("asmd");
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 fn(str,max){
if(str.length>max){
var arr1 = str.split('');
arr1.splice(max,str.length-max,'...');//splice()是在第i個的前面插入,刪除第i個后面.
}
console.log(arr1.join(''));//這里可以直接取,
}
str1 = "javascript";
fn(str1,5);//截取前5位字符,并加...
-
splice奇怪例子
奇怪的原因是:返回值由被刪除的元素組成的一個數(shù)組。如果只刪除了一個元素樊拓，則返回只包含一個元素的數(shù)組纠亚。如果沒有刪除元素，則返回空數(shù)組筋夏。
10.什么是 json蒂胞？什么是 json 語言？JSON 語言如何表示對象条篷？window.JSON 是什么骗随？
什么是 JSON?
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。它基于JavaScript的一個子集赴叹。什么是 JSON 語言?
JSON采用完全獨立于語言的文本格式鸿染，但是也使用了類似于C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使JSON成為理想的數(shù)據(jù)交換語言乞巧。 易于人閱讀和編寫涨椒，同時也易于機器解析和生成(網(wǎng)絡傳輸速度)。JSON 語言如何表示對象?
JSON 語法是 JavaScript 對象表示語法的子集.
數(shù)據(jù)在名稱/值對中
數(shù)據(jù)由逗號分隔.
花括號保存對象
方括號保存數(shù)組.
JSON 數(shù)據(jù)的書寫格式是：名稱/值對绽媒，名稱/值對組合中的名稱寫在前面（在雙引號中）蚕冬，值對寫在后面(同樣在雙引號中)，中間用冒號隔開：
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
-
window.JSON 是什么?
window.JSON是瀏覽器內(nèi)置對象.
其中JSON.parse()表示把字符串解析為JSON對象;
而JSON.stringify()表示將JSON對象解析為字符串.
11.如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象是辕？如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?
//將對象轉(zhuǎn)換為JSON格式的字符串
var obj = {
"name" : "luoqian",
"age" : 21
}
JSON.stringify(obj);
//JSON格式的字符串轉(zhuǎn)換為對象
var str = '{"name":"luoqian","age":21}';
JSON.parse(str);
