进阶五 字符串 json

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

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

  var product = {
name: '女装',
styles: ['短款', '冬季', '春装']
}
function getTpl(product) {
  //不需要 \n,我们只需要 html 字符串就好
  // 字符串里面的空格可以不加,主要是让 html 缩进看的更清晰一些
  var str = '
' str += '
' + product.name + '
' for(var i = 0; i < product.styles.length; i++) { str += '
' + product.styles[i] + '
' } str += '
' return str; }
function getTpl2(product) {
  var htmls = []
  htmls.push('
') htmls.push('
' + product.name + '
') for(var i = 0; i < product.styles.length; i++) { htmls.push('
' + product.styles[i] + '
') } htmls.push('
') 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));

你可能感兴趣的:(进阶五 字符串 json)