进阶5

0.对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？

符合各自语法规则的字符串

1.使用数组拼接出如下字符串 ，其中styles数组里的个数不定

var prod = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod);  //result为下面的字符串

女装
短款冬季
春装

var prod = {
  name: '女装',
  styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
//todo...
  var temp;
  var loop;
  if(data.name){
    temp = '
' + data.name + '
';
  }

  if(data.styles){
    for(loop=0;loop'
    }
  }
  temp += '
'
  return temp;
};
var result = getTplStr(prod);  //result为下面的字符串
console.log(result);

2.写出两种以上声明多行字符串的方法

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

方法1：

var str = 'abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde'

方法2:

var str = 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'

方法3：

function fn() { /*
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
*/};
console.log(fn.toString().split('\n').slice(1,-1).join('\n'));

3.补全如下代码,让输出结果为字符串: "hello\\饥人谷"

var str = 'hello\\\\饥人谷';
console.log(str)

4.以下代码输出什么?为什么

var str = 'jirengu\nruoyu'
console.log(str.length)

长度13，'\n'是转义字符串，换行，算作一个字符；

5.写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是

function isCircle(str){
  var temp;
  temp = str.split('').reverse().join('');

  return (str==temp);
}

6.写一个函数，统计字符串里出现出现频率最多的字符

var str = 'hello jirengu hahaha'
function maxWord(str){
  var dict = {};
  var result = {
    word: 'default',
    times: 0
  };

  for(var i=0;iresult.times){
        result.word = key;
        result.times = dict[key];
      }
    }
  }

  console.log(result);
}

maxWord(str);

7.写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

function camelize(str){
  var temp = [];
  for(var i=0, j=0;i

8.写一个 ucFirst函数，返回第一个字母为大写的字符 （***）

ucFirst("hunger") == "Hunger"

function ucFirst(str){
  var str1 = str.substr(0, 1);
  var str2 = str.substr(1, str.length-1);
  var result;
  result = str1.toUpperCase() + str2;
  return result;
}

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 result;
  if(maxLength < str.length){
    result = str.substr(0, maxLength) + '...';
  }
  else{
    result = str;
  }

  return result;
}

10.什么是 JSON格式数据？JSON格式数据如何表示对象？window.JSON 是什么？

• JSON**(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯

• JSON建构于两种结构：
  “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。
  值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。

• 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔：
  - 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
  - 简单类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN,Infinity, -Infinity和undefined）。
  - 字符串必须使用双引号表示，不能使用单引号；
  - 对象的键名必须放在双引号里面；
  - 数组或对象最后一个成员的后面，不能加逗号
  - 空数组和空对象都是合格的 JSON 值，null本身也是一个合格的 JSON 值。

Paste_Image.png

• window.JSON是浏览器内置对象，可用于判断浏览器是否兼容JSON的用法

11.如何把JSON 格式的字符串转换为 JS 对象？如何把 JS对象转换为 JSON 格式的字符串?

JSON.parse将JSON字符串转换为JS对象；
JSON.stringify将JS对象转换为JSON字符串