1.使用数组拼接出如下字符串
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
//todo...
var str='<dl class="product">';
str +=" <dt>"+data["name"]+"</dt>";
for(var i=0;i<data.styles.length;i++){
str +=" <dd>"+data.styles[i]+"</dd>";
}
str +="</dl>";
return str;
};
var result = getTplStr(prod);
console.log(result);
function getTpl(data){
var htmls =[];
htmls.push('<dl class="product">');
htmls.push(' <dt>'+data["name"]+'</dt>');
for(var i=0;i<data.styles.length;i++){
htmls.push(' <dd>' + data.styles[i] + '</dd>')
}
htmls.push('</dl>');
return htmls.join('');
}
console.log(getTpl(prod));
2.写出两种以上声明多行字符串的方法
- 字符串拼接
var str = ''
str += '<ul>'
str += ' <li>1</li>'
str += ' <li>2</li>'
str += '</ul>'
console.log(str)
- 用\来转义换行符号,\后面没空格
var str = '<ul>\
<li>1</li>\
<li>1</li>\
</ul>'
console.log(str)
- 使用数组join的内置方法进行转换
var str = []
str.push( '<ul>')
str.push( ' <li>1</li>')
str.push( ' <li>2</li>')
str.push( '</ul>')
console.log(str.join(''))
- ES6的多行字符串表示方法
var str= `<ul>
<li>1</li>
<li>2</li>
</ul>`
console.log(str)
3.补全如下代码,让输出结果为字符串: hello\饥人谷
var str = "hello\\\\饥人谷";
console.log(str)
4.以下代码输出什么?为什么
var str = 'jirengu\nruoyu'
console.log(str.length)
输出13,"\n"换行符也是占一个字符的位置,转义字符虽然使用了\n换行但是空格并没有算在长度里面,相反转义字符占据了一个占位符。
5.写一个函数,判断一个字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
function strCheck(str){
var o=str.split('').reverse().join('');
if(o===str){
return true;
}else{
return false;
}
}
console.log(strCheck("abcdcba"));
console.log(strCheck("abcdcbb"));
6.写一个函数,统计字符串里出现出现频率最多的字符
function getMost(str){
var o={};
var max = 0;
var maxCh ;
for(var i=0;i<str.length;i++){
var ch=str[i];
if(o[ch]===undefined){
o[ch]=1;
}else{
o[ch]++;
}
if(o[ch]>max){
max = o[ch];
maxCh = str[i];
}
}
return {index: max, ch: maxCh};
}
console.log(getMost('stujgyyiuxgcnvhstdjc'));
7.写一个camelize函数,把my-short-string形式的字符串转化成myShortString形式的字符串,如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str){
var arr=str.split('-');
for(var i=1;i<arr.length;i++){
arr[i] = arr[i][0].toUpperCase() + arr[i].slice(1);
}
return arr.join('');
}
console.log(camelize("background-color"));
8.写一个 ucFirst函数,返回第一个字母为大写的字符 (***)
ucFirst("hunger") == "Hunger"
function toUpper(str) {
var first = str[0].toUpperCase();
var last = str.substr(1);
return first+last;
}
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 string;
if (maxlength >= str.length) {
string = str;
}else {
string = str.slice(0,maxlength) + '...';
}
return string;
}
10.什么是 json?什么是 json 对象?什么是 json 对象字面量?什么是 JSON内置对象?
json:一种轻量级的数据交换格式。它基于ECMAScript规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。
1)数据以名称/值对的形式保存,名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值,如 :"firstName" : "John"。JSON的值可以是数字、字符串、null、true、false、数组或对象。
2)数据有都好分隔
3)花括号保存对象,对象可以包含多个名/值对。
4)方括号保存数组,数组可以包含多个对象。
5)JSON文件:
JSON 文件的文件类型是 ".json"
JSON 文本的 MIME 类型是 "application/json"json对象:JSON对象就是JavaScript中的一个对象
json对象字面量:字面量表示一个对象,而这个格式就是json格式的, 因为本身json就是JavaScript语法集的一种,所以json字面量就是用json格式的JavaScript对象字面量。对象字面量是由大括号({})括起来的零个或多个对象的属性名-值对。
json内置对象:JSON属性对应的值是JSON对象
11.如何把JSON 格式的字符串转换为对象?如何把对象转换为 JSON 格式的字符串?
var json = JSON.stringify({a: 'Hello', b: 'World'});
var obj = JSON.parse('{"a": "Hello", "b": "World"}');