1、拼接出如下字符串
<dl class="product">
<dt>女装</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春装</dd>
</dl>
1.使用数组插入的方法
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
var str = []
var key = 0
for ( key in data ){
if ( typeof data[key] == "object"){
for(var i = 0; i < data[key].length; i++){
str.push('<dd>' + data[key][i] + '</dd>')
}
}else{
str.push('<dt>' + data[key] + '</dt>')
}
}
str.splice(0,0,'<dl class="product">')
str.splice(str.length,0,'</dl>')
return str.join('')
};
var result = getTplStr(prod);
console.log(result)
2.使用字符串拼接的方法
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
var product='<dl class="product">\n'
var productEnd='</dl>'
var dd=""
for(var key in data){
if(key == "name"){
var dt = "\t" + "<dt>" + data[key] + "</dt>" + "\n"
}
// if(key == "styles")
if (data[key] instanceof Array){
for(var i = 0; i < data[key].length; i++){
dd = "\t" + "<dd>" + data[key][i] + "</dd>"+ "\n" + dd
}
}
}
return product + dt + dd + productEnd ;
};
var result = getTplStr(prod);
console.log(result)
2、写出两种以上声明多行字符串的方法
var str1 = "写出两种\
以上声明\
多行字符\
串的方法"
var str2="写出两种"
+"以上声明"
+"多行字符"
+"串的方法"
console.log(str2)
3、补全如下代码,让输出结果为字符串: hello\饥人谷
var str = "hello\\饥人谷"
console.log(str)
4、以下代码输出什么?为什么
var str = 'jirengu\nruoyu'
console.log(str.length)//13,因为\n算做一个换行字符
5、写一个函数,判断一个字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
var palindromicstr1 = "abba"
var palindromicstr2 = "abaa"
var palindromicstr3 = "abcba"
var palindromicstr4 = "abcaa"
var palindromicstr5 = "a"
//愚蠢的方法
function isPalindromic(str){
var i = 0;
var len = str.length
if(len == 1){
return "Jast one letter"
}
if(len%2==0){
for(i = 0; i<len/2; i++){
if(str[i] != str[len-1-i]){
return str + ' is not a palindromic'
}
}
return str + " is a palindromic"
}
if(str.length%2 == 1){
for(i = 0; i<(len-1)/2; i++){
if(str[i] != str[len-1-i]){
return str + ' is not a palindromic'
}
}
return str + " is a palindromic"
}
}
//聪明点的方法
function isRevers(str){
var len = str.length
if(len == 1){
return "Jast one letter"
}
if(str === str.split('').reverse().join('')){
return str + " is a palindromic"
}else{
return str + ' is not a palindromic'
}
}
console.log(isPalindromic(palindromicstr1))
console.log(isPalindromic(palindromicstr2))
console.log(isPalindromic(palindromicstr3))
console.log(isPalindromic(palindromicstr4))
console.log(isPalindromic(palindromicstr5))
console.log("-----------------")
console.log(isRevers(palindromicstr1))
console.log(isRevers(palindromicstr2))
console.log(isRevers(palindromicstr3))
console.log(isRevers(palindromicstr4))
console.log(isRevers(palindromicstr5))
6、写一个函数,统计字符串里出现频率最多的字符
去除了判断空格为出现频率最高的可能。
var longstr = "If you miss the train I'm on,You will know that I am gone."
function mostLetter(str){
str = str.split('')
var dict = {}
for(var i = 0; i < str.length; i++){
if( dict[str[i]]){
++dict[str[i]]
}else{
dict[str[i]] = 1
}
}
var max = 0;
var maxLetter;
for(var key in dict){
if ( key == " "){//如果是空格则跳过判断
continue
}
if ( dict[key] > max ){
max = dict[key]
maxLetter = key
}
}
return "出现最多的字母是 '" + maxLetter + "',它一共出现了 " + max + " 次。";
}
console.log(mostLetter(longstr))//出现最多的字母是 'o',它一共出现了 5 次。
7、写一个camelize函数,把my-short-string形式的字符串转化成myShortString形式的字符串,如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
var str = 'my-short-string'
function camelize(str){
str = str.split('')
console.log(str)
for(var i = 0; i < str.length; i++){
if ( str[i] == "-"){
str.splice(i,1)
str[i] = str[i].toUpperCase();
}
}
return str.join('');
}
console.log(camelize(str))
8、写一个 ucFirst函数,返回第一个字母为大写的字符 (***)
ucFirst("hunger") == "Hunger"
function ucFirst(str){
str = str.split('')
str[0] = str[0].toUpperCase()
return str.join('');
}
console.log(ucFirst("hunger"))
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){
str = str.split('')
if ( str.length > maxlength ){
str.splice(maxlength, str.length-maxlength,"……")
}
return str.join('');
}
console.log(truncate("hello, this is hunger valley,", 10))
console.log(truncate("hello world", 20))
10、什么是 json?什么是 json 语言?JSON 语言如何表示对象?window.JSON 是什么?
JSON即为JavaScript对象表示法(JavaScript Object Notation),是一种轻量级的数据交换格式。
JSON对象是一个容纳“名/值”对的无序集合。名字可以是任何字符串。值可以是任何类型的JSON值,包括数组和对象。JSON对象中的名与值必须包裹在一对双引号之间。
JSON数组是一个值的有序序列。其值可以是任何类型的JSON值,包括数组和对象。
window.JSON是浏览器内置对象其中JSON.parse()表示把字符串解析为JSON对象,而JSON.stringify()表示将JSON对象解析为字符串
11、如何把JSON 格式的字符串转换为 JS 对象?如何把 JS对象转换为 JSON 格式的字符串?
parse
:把字符串转化为JSON对象
stringify
:把JSON对象转化为字符串
var json = {
"name": "Byron",
"age": 24
};
var json_str = JSON.stringify(json);
console.log(json_str);
console.log(JSON.parse(json_str));