search

HarleyWang93 / learning

学习
7 stars 0 forks source link

字符串与 JSON #18

Open HarleyWang93 opened 7 years ago

HarleyWang93 commented 7 years ago

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

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

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) {
  var str = '<dl class="product">'
  str += '    <dt>' + product.name + '</dt>'
  for(var i = 0; i < product.styles.length; i++) {
    str += '  <dd>' + product.styles[i] + '</dd>'
  }
  str += '    </dl>'
  return str;
}

var result = getTpl(product)
console.log(result)

方法二：

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

function getTpl(product) {
  var html = []
  html.push('<dl class="product">')
  html.push('    <dt>' + product.name + '</dt>')
  for(var i = 0; i < product.styles.length; i++) {
    html.push('  <dd>' + product.styles + '</dd>')
  }
  html.push('    <dl>')
  return html.join('');
}
var result = getTpl(product)
console.log(result)

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

例如：

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

方法一（不推荐使用）

var str = 'abcdeabcdeabcdeancde\
abcdeabcdeabcdeancde\
abcdeabcdeabcdeancde\
abcdeabcdeabcdeancde';

方法二

var str = 'abcdeabcdeabcdeancde\nabcdeabcdeabcdeancde\nabcdeabcdeabcdeancde\nabcdeabcdeabcdeancde'

方法三

var str = 'abcdeabcdeabcdeancde\n'
+ 'abcdeabcdeabcdeancde\n'
+ 'abcdeabcdeabcdeancde\n'
+ 'abcdeabcdeabcdeancde\n'

方法四

(function (){/*
abcdeabcdeabcdeancde
abcdeabcdeabcdeancde
abcdeabcdeabcdeancde
abcdeabcdeabcdeancde
*/}).toString().split('\n').slice(1,-1).join('\n');

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length)//13  \n 为转义字符，转义字符只占据一个字符，且空格不算在字符长度里。

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

function isPalindrome(str) {
  return str === str.split('').reverse().join('')
}
var str1 = 'abcdcba'
var str2 = 'abcdcbb'
isPalindrome(str1)//true
isPalindrome(str2)//false

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

var str = 'I must find a fucking nooooooooooob job in autumn!'
var dict = {}
var count = 0
var maxValue
for(var i = 0; i < str.length; i++){
  if(dict[str[i]]){
    ++dict[str[i]]
  }else{
    dict[str[i]] = 1
  }
}
for(key in dict){
  if(dict[key] > count){
    maxValue = key
    count = dict[key]
  }
}
console.log(count,maxValue)

写一个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"))
console.log( camelize("list-style-image"))

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

ucFirst("hunger") == "Hunger"
function ucFirst(str){
  return str[0].toUpperCase() + str.substr(1)
}

写一个函数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
  }else{
    return str.substr(0,maxlength) + '...'
  }
}
console.log(truncate("hello, this is hunger valley,", 10))
console.log(truncate("hello world", 20))

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

JSON(JavaScript Object Notation)

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(网络传输速度)。

语法

JSON 语法是 JavaScript 对象表示语法的子集。

  1. 数据在名称/值对中
  2. 数据由逗号分隔
  3. 花括号保存对象
  4. 方括号保存数组

JSON 数据的书写格式是：名称/值对，名称/值对组合中的名称写在前面（在双引号中），值对写在后面(同样在双引号中)，中间用冒号隔开：

var json1 = {"name": "Byron", "age": "24"}

var json2 = [
    {"name": "Byron", "age": "24"}, 
    {"name": "Byron2", "age": "25"}
]

window.JSON

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

IE8以上浏览器都支持了一个对象JSON，JSON对象主要有两个『静态』函数

JSON 格式的字符串转换为 JS 对象:

var str = '{"name": "jirengu", "age": "24"}'
var json=JSON.parse(str);    //{name: "jirengu", age: "24"}

JS 对象转换为 JSON 格式的字符串:

var obj={name:"jirengu",  age:24,  "128":"blahblah"}
var str=JSON.stringify(obj);//"{"128":"blahblah","name":"jirengu","age":24}"