1. 使用数组拼接出如下字符串
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
//todo...
};
var result = getTplStr(prod); //result为下面的字符串
<dl class="product">
<dt>女装</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春装</dd>
</dl>
第一种普通拼接：
function getTplStr(data){
var str;
str = "<dl class=\"product\">" + "\n"
+ "\t<dt>"
+ data.name
+ "</dt>"
+ "\n" + "\t<dd>" + data.styles[0] + "</dd>"
+ "\n" + "\t<dd>" + data.styles[1] + "</dd>"
+ "\n" + "\t<dd>" + data.styles[2] + "</dd>"
+ "\n" + "</dl>"
return str;
}
var result = getTplStr(prod);
console.log(result);
第二种数组拼接：
function getTplStr2(data){
var arr = [];
arr.push("<dl class=\"product\">\n")
arr.push("\t<dt>"+data.name+"</dt>\n")
for (var i=0; i<data.styles.length; i++) {
arr.push("\t<dd>"+data.styles[i]+"</dd>\n")
}
arr.push("</dl>")
return arr.join('');
}
var result = getTplStr2(prod);
console.log(result);
不用转义符：
function getTplStr3(product) {
var str = '<dl>'
str += ' <dt>' + product.name + '</dt>'
for(var i = 0; i < product.styles.length; i++) {
str += ' <dd>' + product.styles[i] + '</dd>'
}
str += ' </dl>'
return str;
}
function getTplStr4(product) {
var htmls = []
htmls.push('<dl>')
htmls.push(' <dt>' + product.name + '</dt>')
for(var i = 0; i < product.styles.length; i++) {
htmls.push('<dd>' + product.styles[i] + '</dd>')
}
htmls.push('</dl>')
return htmls.join('');
}
console.log(getTpl3(product))
console.log(getTpl4(product))
2. 写出两种以上声明多行字符串的方法
第一种：用"+" 拼接
var str = "abc"
+"abcd"
+"abcde"
console.log(str)
第二种：利用注释，但是如果采取一些压缩处理可能会出现问题
(function str(){/*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join(\n);
第三种：转义符\ 但是转义符后不能有其他字符，错误很不容易发现
var str ='abc \
abcd \
abcde \
z'
3. 补全如下代码,让输出结果为字符串: hello\饥人谷
var str = "hello\\\\饥人谷" //补全代码
console.log(str) // hello\\饥人谷
4. 以下代码输出什么?为什么
var str = 'jirengu\nruoyu'
console.log(str.length) //13 ,因为\n算一个字符。
5. 写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
var str = "abcdcba";
var str2 = "abcdcbb";
function isPal(str) {
if(typeof str === "string"){ //判断是否是字符串
var result;
var reverseStr = str.split('').reverse().join(''); // 得到顺序颠倒的字符串
if(reverseStr === str){ // 判断颠倒字符串和元字符串是否相等
result = "yes";
}else { result = "no"; }
return result;
} else {
console.log("不是字符串");
}
}
isPal(str);
isPal(str2);
6. 写一个函数，统计字符串里出现出现频率最多的字符
function mostStr(str){
if(typeof str === "string"){ //判断是否是字符串
var count = {}; // 声明空对象
for(var i=0; i<str.length; i++){ // 遍历字符串
if(count[str[i]]){ // 如果对象中存在字符str[i] ，值加一
count[str[i]]+=1;
} else {
count[str[i]] = 1; // 如果对象不存在字符str[i] , 则添加字符str[i] 且赋值为1
}
}
var max = 0, result;
for(var k in count ){ // 遍历对象count
if(count[k] > max){ // 如果count[k] 值大于 max ，则count[k]的值赋给max
max = count[k];
}
result = k; // 得到频率最高的字符
}
return result;
} else { console.log("不是字符串") }
}
var str = "addccccccc";
mostStr(str);
7. 写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
function camelize(str){
if(typeof str !== "string"){ // 检测是否是字符串
console.log("不是字符串");
return;
}
var result,arr = [];
arr = str.split('');
for(var i=0,j=0; i<arr.length; i++){ // 思路是把字符串转换成数组，然后遍历数组，如果遍历到值为"-"的键，则下一个键字符转换大写
if(arr[i] === "-") {
j = i+1;
arr[j] = arr[j].toUpperCase();
}
result = arr;
}
result = result.join("").split("-").join(""); //把数组转换成字符串然后再把字符串以"-"拆成数组，最后再转换成字符串，达到删除"-"的目的
return result;
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
8. 写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
function ucFirst(str){
if(typeof str !== "string"){ // 检测是否是字符串
console.log("不是字符串");
return;
}
str=str.replace(str[0],str[0].toUpperCase());
return str;
}
ucFirst("hunger") == "Hunger"
9. 写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如
function truncate(str,maxlength) {
if((typeof str !== "string") || (typeof maxlength !== "number")){
console.log("参数不合法!");
return;
}
if(str.length > maxlength) {
str = str.substring(0,maxlength) + "...";
}
return str;
}
truncate("hello, this is hunger valley,",10) == "hello, thi...";
truncate("hello world",20) == "hello world"
10. 什么是 json？什么是 json 对象？什么是 json 对象字面量？什么是 JSON内置对象？
- json(javascript object notation)的缩写是一种用于数据交换的文本格式，目的是取代繁琐的xml。具有书写简单，一目了然，符号javascript原生语法，可以由解释引擎直接处理，不用另外添加解析代码。所以，json迅速被接受，成为es5标准的一部分。
- json对象就是json的值，基本要符合以下规则
- 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
- 简单类型的值只有四种：字符串、数值(必须以十进制表示)、布尔值和null
- 字符串必须使用双引号表示，不能使用单引号
- 对象的键名必须放在双引号里面
- 数组或对象最后一个成员的后面，不能加逗号
- json对象字面量是一种简单的描述以及声明方式。
- JSON是javascript中的内置对象，提供了JSON.parse()、JSON.stringify()等方法。
11. 如何把JSON 格式的字符串转换为对象？如何把对象转换为 JSON 格式的字符串?
- 使用JSON.parse()转换为对象，用JSON.stringify()转换为字符串
- 如：var str = {name:"jirengu",age:2}
- var obj=JSON.parse(str)，//转为对象
- var newstr=JSON.stringify(obj).//转为字符串
