进阶5备忘：在初次写代码时忘记了:字符串的截取方法slice() 字符替换方法replace(),和数组元素拼接方法join().导致要实现同样的功能时都是将字符串转换为数组来操作，代码长了很多。
0、对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？
对于HTTP协议，HTML/CSS/JS/JSON的本质都是字符串。而html是符合html语法的字符串，css是符合css语法的字符串，js与json也是符合各自语法的字符串。
1、使用数组拼接出如下字符串 ，其中styles数组里的个数不定
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTpl(data){
var a=[data.name];
var b=data.styles;
var c=a.concat(b);
var str1 = '<dl class="product"><dt>' + c[0] + "</dt>";
for (var i=1;i<c.length;i++){
if(i === (c.length-1)){
str1 = str1 + '<dd>' + c[i] + '</dd></dl>';
}else {
str1 = str1 + '<dd>' + c[i] + '</dd>';
}
}
return str1
}
var result = getTpl(prod); //result为下面的字符串
console.log(result)
//<dl class="product"><dt>女装</dt><dd>短款</dd><dd>冬季</dd><dd>春装</dd></dl>
2、写出两种以上声明多行字符串的方法
例如：
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
这段字符串很长，如何多行优雅的显示
方法1: 末位加‘\’然后接回车
var str = 'abcdeabcdeabcdeancd\
eabcdeabcdeabcdeancd\
eabcdeabcdeabcdeancd\
eabcdeabcdeabcdeancde'
方法2：使用+来黏贴多行字符串
var str = 'abcdeabcdeabcd'
+'eancdeabcdeabcdeabcd'
+'eancdeabcdeabcdeabcdean'
+'cdeabcdeabcdeabcdeancde'
方法3：多行注释
(function () { /*
abcdeabcdeabcdeancde
abcdeabcdeabcdeancde
abcdeabcdeabcdeancde
abcdeabcdeabcde
*/}).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为换行转义字符，长度为1。
5、写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
var str1 = "abcdcba"
function huiwen(str) {
var wordList1 = str.split('');
wordList1 = wordList1.reverse();
var str2 = wordList1.join('');
return str === str2
}
console.log(huiwen(str1))
6、写一个函数，统计字符串里出现出现频率最多的字符
var str1 = "abcdcbadffasfecf"
function wordCount(str) {
var wordList = str.split('');
var count = {};
// 统计每个字符出现次数
for (var i in wordList){
a = wordList[i];
if(!(count[a])){
count[a]= 1;
}
else{
count[a] = count[a] + 1;
}
}
// 找出最多的字符
var maxValue = '';
var number = 0;
for (var key in count){
if(count[key]>number){
maxValue = key;
number = count[key];
}
}
return [maxValue,number]
}
wordCount(str1)
7、写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
方法1：
function camelize(str) {
var wordList = str.split('');
for (var i=0;i<wordList.length;i++){
if(wordList[i]=='-'){
wordList.splice(i,1);
wordList[i] = wordList[i].toUpperCase();
i--;
}
}
var str2 = '';
for (i in wordList){
str2 = str2 + wordList[i];
}
return str2
}
a=(camelize("background-color") == 'backgroundColor');
b=(camelize("list-style-image") == 'listStyleImage');
console.log(a); //true
console.log(b); //true
方法2：
function camelize(str) {
var wordList = str.split('-');
for (var i=1;i<wordList.length;i++){
wordList[i]=wordList[i].replace(wordList[i][0],wordList[i][0].toUpperCase())
}
var str2 = wordList.join('');
return str2
}
a=(camelize("background-color") == 'backgroundColor');
b=(camelize("list-style-image") == 'listStyleImage');
console.log(a); //true
console.log(b); //true
8、写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
方法1：
function ucFirst(str) {
wordList = str.split('');
wordList[0] = wordList[0].toUpperCase();
str2 = '';
for (var i in wordList){
str2 = str2 + wordList[i];
}
return str2
}
a=(ucFirst("hunger")=="Hunger");
console.log(a);//true
方法2：
function ucFirst(str) {
var str2 = str.replace(str[0],str[0].toUpperCase());
return str2
}
a=(ucFirst("hunger")=="Hunger");
console.log(a);//true
9、写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如
方法1：
function truncate(str,n) {
var len = str.length;
var str1 = '';
wordList = str.split('');
if (len>n){
var a = len-n;
wordList.splice(n,a);
for (i in wordList){
str1 = str1 + wordList[i];
}
str1 = str1 + '...';
str = str1;
}
console.log(str);
return str
}
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
方法2：
function truncate(str,n) {
var len = str.length;
if (len>n){
str = str.slice(0,n);
str = str + '...';
}
console.log(str);
return str
}
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
10、什么是 JSON格式数据？JSON格式数据如何表示对象？window.JSON 是什么？
- JSON格式数据：
-
表示对象：一个对象以{开始，并以}结束。一个对象包含一系列非排序的名称/值对，每个名称/值对之间使用,分区。以""括起来的一串字符。
object - window.JSON:是浏览器的内置对象（本地化的JSON对象），用来检测对JSON的支持情况， 首批被浏览器支持的功能之一，所有新的浏览器都支持window.JSON，将来JSON必将大量应用于HTML5应用中。
11、如何把JSON 格式的字符串转换为 JS 对象？如何把 JS对象转换为 JSON 格式的字符串?
var json = {
"name": "Max",
"age": 28};
// JS对象转换为 JSON 格式的字符串 JSON.stringfy()
var json_str = JSON.stringify(json);
console.log(json_str); //{"name":"Max","age":28}
//把JSON 格式的字符串转换为 JS 对象 JSON.parse()
var obj = JSON.parse(json_str);
console.log(obj); //{ name: 'Max', age: 28 }
