-
什么是JSON？什么是JSON語言？JSON 語言如何表示對象？window.JSON 是什么？如何把JSON 格式的字符串轉換為 JS 對象？如何把 JS對象轉換為 JSON 格式的字符串?
JSON（JavaScript Object Notation）是一種輕量級的數據交換格式；
它是基于ECMAScript(w3c制定的js規范)的一個子集，采用完全獨立于編程語言的文本格式來存儲和表示數據。
JSON的語法是JS對象語法的一個子集
1.數據在名稱/值對中
2.數據由逗號分隔
3.花括號保存對象
4.方括號保存數組
JSON 鍵值對是用來保存 JS 對象的一種方式，和 JS 對象的寫法也大同小異，鍵/值對組合中的鍵名寫在前面并用雙引號 "" 包裹，使用冒號 : 分隔，然后緊接著值，同樣用雙引號包裹：
示例：
{"name" : "Jack","age" : "24"}
//它等價于JS中的這條語句
{name: "Jack",age: 24}
JSON是JS對象的字符串表示，它使用文本表示一個JS對象的信息，本質上是字符串。
JSON和JS對象可以通過一些方法實現：
//使用 JSON.stringify()方法把一個JS對象轉化為JSON
var json = JSON.stringify({a: 'Jack', b: 24}); //結果是 '{"a": "Jack", "b": "24"}'
//使用JSON.parse()方法把一個JSON轉化為JS對象
var json = JSON.stringify('{"a": "Jack", "b": "24"}'); //結果是 {a: "Jack", b: 24}
window.JSON是JS內置的JSON對象，它包含了兩個函數：JSON.parse()和JSON.stringify()。
-
使用數組拼接出如下字符串
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">'); //push() 方法可向數組的末尾添加一個或多個元素，并返回新的長度
arr.push('<dt>'+data.name+'</dt>');
for (var i=0; i<data.styles.length; i++) { //遍歷prod.style
arr.push('<dd>'+data.styles[i]+'</dd>') //按順序添加元素
}
arr.push('</dl>');
return arr.join('\n'); //join() 方法用于把數組中的所有元素變成一個字符串。'\n'用換行符分隔元素
}
var result = getTpl(prod);
-
寫出兩種以上聲明多行字符串的方法
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
//這段字符串很長，如何多行優雅的顯示
//方法1
var str = 'abcdeabcde'+
'abcdeabcde'+
'abcdeabcde'+
'abcdeabcde'+
'abcdeabcde'+
'abcdeabcde'+
'abcdeabcde'+
'abcdeabcde'
//方法2
var str = 'abcdeabcde\
abcdeabcde\
abcdeabcde\
abcdeabcde\
abcdeabcde\
abcdeabcde\
abcdeabcde\
abcdeabcde'
//方法3
(function () {/*
abcdeabcde
abcdeabcde
abcdeabcde
abcdeabcde
abcdeabcde
abcdeabcde
abcdeabcde
*/}).toString().split('\n').slice(1,-1).join('')
//toString()可以把當前對象轉換為字符
//split()可以把字符串分割為數組
//slice()可從已有的數組中返回選定的元素
//join()把數組轉換為字符串
// '\'是轉義符
-
補全如下代碼,讓輸出結果為字符串: hello\\饑人谷
var str = //補全代碼
console.log(str)
var str = 'hello\\\\饑人谷';
console.log(str);
-
以下代碼輸出什么？為什么？
var str = 'jirengu\nruoyu'
console.log(str.length)
//輸出為：13;
//console.log(str)輸出如下：
//jirengu(\n換行符，占一個字符)；
//ruoyu
//因此為13個字符，輸出13；
-
寫一個函數，判斷一個字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function test(str) {
return str.split('').reverse().join('') === str
}
test(str); //true 則是，false則否；
-
寫一個函數，統計字符串里出現出現頻率最多的字符
function test(str) {
var dist= [];
for (i=0; i<str.length; i++) {
if (dist[str[i]]) {
dist[str[i]]++;
}else {
dist[str[i]] = 1;
}
}
var fre = 0;
var max;
for(var key in dist) {
if (dist[key]> fre) {
fre = dist[key];
max = key+':'+dist[key] ;
}
}
return max;
}
-
寫一個camelize函數，把my-short-string形式的字符串轉化成myShortString形式的字符串
//示例
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str) {
var a = str.split('-'); //將字符串從'-'處切割成數組（'-'舍棄）
var b ;
for (i=0; i<a.length; i++) {
b = a[i]; //把切割的每一個單詞賦值給b；
b = b.split(''); //將字符串轉換成數組；
b[0] = b[0].toUpperCase(); //數組第一個值變為大寫，相當于首字母；
a[i] = b.join(''); //數組轉換成字符串；
}
return a.join('');
}
-
寫一個 ucFirst函數，返回第一個字母為大寫的字符
//示例
ucFirst("hunger") == "Hunger"
function ucFirst(str) {
var a = str.split('');
a[0] = a[0].toUpperCase();
return a.join('');
}
-
寫一個函數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) {
var a;
a = str.substr(0,10) + '...'; // substr(0,10)，獲取一段字符串，從第0位開始，長度為10，包含首位
}else {
a = str ;
}
return a;
}
