进阶五 字符串 json

1. 使用数组拼接出如下字符串

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

<dl class="product">
<dt>女装</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春装</dd>

</dl>

  var product = {
name: '女装',
styles: ['短款', '冬季', '春装']
}

function getTpl(product) {
  //不需要 \n，我们只需要 html 字符串就好
  // 字符串里面的空格可以不加，主要是让 html 缩进看的更清晰一些
  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 getTpl2(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('');
}

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

//1. 使用\n
var string1 = 'hello \nworld';
//2. 转义换行符
var string2 = 'hello \n\
            world';
//3. 利用多行注释
(function ()){/*
   hello
   world
 */}).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'的length为1

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

//方法一
var str = prompt("请输入字符串","");
var str1=str.split('')
function isPalindrome(str1){
var newStr = [];
var j = 0;
for(var i=(str1.length-1);i >= 0;i--){
    newStr[j] = str1[i];
    if(i === 0 && newStr.join('')!=str1.join('')){
        console.log("不是回文数")
    }
    if(i === 0 && newStr.join('') === str1.join('')){
        console.log("是回文数")
    }
    j++;
    }
}

//方法二
function isPalindrome(str) {
  return str === str.split('').reverse().join('')
}

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

function getFreq(str) {
var dict= {};
var max = 0;
for(var i = 0; i < str.length; i++){
    var ch = str[i];
    if(dict[ch] === undefined){
        dict[ch] = 1 ;
    }else{
        dict[ch]++;
    }
    if(dict[ch]>max){
        max = dict[ch]
        var maxch = str[i]
    }
}
return {index: max, ch: maxch}
}
 console.log(getFreq("hello world"))

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].substr(1)
}
  return arr.join('')
}
console.log( camelize("background-color") )

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

//ucFirst("hunger") == "Hunger"

  function ucFirst(str){
    var str1 = str.split("")
    var str2 = []
    var str3 = []
    for(var i = 0; i < str1.length ;i++){           
        if(i === 0){
         str3[0] = str1[0]
            str2.push(str3.join("").toUpperCase().split("")[0])
        }else{
            str2.push(str1[i])
        }
    }
    return str2.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){
    if(str.length > maxLength){
     return str.substr(0,10) + "..."
    }else{
        return str
    }   
}
console.log(truncate("hello, this is hunger valley,", 10))
console.log(truncate("hello world", 20))

10. 什么是 json？什么是 json 语言？JSON 语言如何表示对象？window.JSON 是什么？

• json：

json是一种数据交换格式，是纯文本的字符串，是作为一种替代XML数据格式角色出现，json简单易读方便转换跨平台,有很多json api提供了json字符串与对象互转的方法

• json语法：

键值对
逗号”,”分隔
花括号保存对象
方括号保存数组

• json对象：

JSON对象就是JavaScript中的一个对象

• JSON内置对象：

JSON属性对应的值是JSON对象

• window.JSON，用于判断浏览器是否兼容JSON的用法。

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

parse：把字符串转化为JSON对象
stringify：把JSON对象转化为字符串（出人意料的不叫toString，因为不是实例方法）

var json = {
  "name": "Byron",
  "age": 24
};
var json_str = JSON.stringify(json);
console.log(json_str);
console.log(JSON.parse(json_str));