1、使用數組拼接出如下字符串 ,其中styles數組里的個數不定
<dl class="product"><dt>女裝</dt><dd>短款</dd><dd>冬季</dd><dd>春裝</dd></dl>
<script>
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
var arr = [],i=0;
for(var key in data){
if(typeof data[key] === 'number' || typeof data[key] === 'string' || typeof data[key] === 'boolean'
|| data[key] === undefined || data[key] === null){
arr[i] = data[key];
i++;
}else{
for(var j=0;j<data[key].length;j++){
arr[i+j] = data[key][j];
}
}
}
document.write('<dl class="product">' + '<dt>' + arr[0] + '</dt>');
for(i=1;i<arr.length;i++){
document.write('<dd>' + arr[i] + '</dd>');
}
document.write('</dl>');
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product"><dt>女裝</dt><dd>短款</dd<dd>冬季</dd><dd>春裝</dd></dl>
2.寫出兩種以上聲明多行字符串的方法
例如:
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
第一種方法,換行處加' \ ':
var str = 'abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\';
第二種方法,使用連接符' + ':
var str = 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'abcde';
3.補全如下代碼,讓輸出結果為字符串: hello\饑人谷
var str = 'hello\\\\饑人谷' //補全代碼
console.log(str)
4.以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length)
以上代碼輸出的str的長度為13,因為' \n '是換行符,不計入長度里面。
5.寫一個函數,判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
var str = 'abcdcba';
function reverseStr(str) {
var newStr;
newStr = str.split('').reverse().join('');
if(newStr === str){
console.log("這是一個回文字符串");
}else {
console.log('這不是一個回文字符串');
}
}
reverseStr(str);
6.寫一個函數,統計字符串里出現出現頻率最多的字符
var str = 'abcdabcaba';
function calcLetterOfLargestNumber(str) {
var arr = [];
arr = str.split('');
var max = 0,compareValue=0;
var letter;
for(var i=0;i<arr.length;i++){
if(i === 0){
for(var j=0;j<arr.length;j++){
if(arr[i] === arr[j]){
max++;
}
}
letter = arr[i];
}else {
for(j=0;j<arr.length;j++){
if(arr[i] === arr[j]){
compareValue++;
}
}
if(compareValue >= max){
letter = arr[i];
}
max = Math.max(max,compareValue);
compareValue = 0;
}
}
console.log('出現頻率最高的字符是' + ' ' + letter);
}
calcLetterOfLargestNumber(str);
7.寫一個camelize函數,把my-short-string形式的字符串轉化成myShortString形式的字符串,如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
函數代碼如下:
var str = 'my-short-string';
function camelize(str) {
var arr = [],
newstr;
arr = str.split('');
for(var i=0;i<arr.length;i++){
if(arr[i] === '-'){
arr[i+1] = arr[i+1].toUpperCase();
}
}
newstr = arr.join('');
console.log(newstr);
}
camelize(str);
camelize("background-color");
camelize("list-style-image");
8.寫一個 ucFirst函數,返回第一個字母為大寫的字符 (***)
var str = 'hunger';
function ucFirst(str) {
var arr = [],
newstr;
arr = str.split('');
arr[0] = arr[0].toUpperCase();
newstr = arr.toString().replace(/,/g,'');
return newstr;
}
console.log(ucFirst(str));
9.寫一個函數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) {
var arr = [],
newstr;
arr = str.split('');
if(arr.length > maxlength){
newstr = str.substr(0,maxlength) + '...';
return newstr;
}else{
return str;
}
}
console.log(truncate("hello, this is hunger valley,", 10));
console.log(truncate("hello world", 20));
10.什么是 JSON格式數據?JSON格式數據如何表示對象?window.JSON 是什么?
- JSON格式數據是一種輕量級的數據交換格式,它是javascript的一個子集,JSON采用完全獨立于語言的文本格式,但也采用了類似于C語言家族的習慣。這些特性使得它成為了理想的數據交換語言,它不僅易于人類的讀寫,還易于機器解析和網絡傳輸。
- JSON數據的書寫格式是: 名稱/值對,名稱在前,值對在后,并且都分別用雙引號包起來,兩者之間使用冒號分隔。然后每一個名稱/值對,也就是鍵值,使用逗號分隔。
- 判斷瀏覽器是否支持JSON,例如:
if(window.json){
statement;
}else{
statement;
}
11.如何把JSON 格式的字符串轉換為 JS 對象?如何把 JS對象轉換為 JSON 格式的字符串?
JSON.parse()把JSON 格式的字符串轉換為 JS 對象,JSON.stringify()把 JS對象轉換為 JSON 格式的字符串。
例如:
var obj = {
"name": "1",
"age": "10"
};
var jsonStr = JSON.stringify(obj); //把 JS對象轉換為 JSON 格式的字符串
var jsonObj = JSON.parse(jsonStr); //把JSON 格式的字符串轉換為 JS 對象