字符串 & JSON
珍惜......一切...
.使用数组拼接出如下字符串
<pre>
var prod = { name: '女装', styles: ['短款', '冬季', '春装'] }; function getTpl(data){ //todo... }; var result = getTpl(prod); //result为下面的字符串 <dl class="product"> <dt>女装</dt> <dd>短款</dd> <dd>冬季</dd> <dd>春装</dd> </dl>
</pre><pre>
//Method-One
var prod = { name: '女装', styles: ['短款', '冬季', '春装'] }; function getTpl(data){ //思路：先把盒子造好，然后再从上面的对象里面拿数据装进去 var dress = []; dress.push("<dl class=\"product\">"); dress.push("<dt>" + data.name + "</dt>"); for(var key in data.styles){ dress.push("<dd>" + data.styles[key] + "</dd>") } dress.push("</dl>"); //此时得到一个数组..需要reflect如何把他转化为下面的形式。 var a = dress.join(""); return a; }; var result = getTpl(prod); //result为下面的字符串
</pre><pre>
//Method-Two
function getTpl(data){ var something = "<dl class = \"product\">" for(var key in data){ if(typeof data[key] === "string") { something += ("<dt>"+data[key]+"</dt>") }else{ for(var i=0, x=data[key].length; i<x; i++){ something += ("<dd>" + data[key][i] + "</dd>"); } } } something += "</dl>"; console.log(something) return something };
</pre><pre>
//Method-Three function getTpl(data) { var dress = "<dl clss=\"product\">"+"\n"; dress += ("<dt>" + data.name + "</dt>"); dress += ("<dd>" + data.styles[0] + "</dd>"); dress += ("<dd>" + data.styles[1] + "</dd>"); dress += ("<dd>" + data.styles[2] + "</dd>"); dress += "</dl>"; return dress;
</pre>
.写出两种以上声明多行字符串的方法
<pre>
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
</pre><pre>
//这个紧挨，注意\n
str = "abcdeabcdeabcdeancde\nabcdeabcdeabcdeancde\nabcdeabcdeabcdeancde\nabcdeabcdeabcdeancde"
</pre><pre>
Method-One str = "abcdeabcdeabcdeancde" + "abcdeabcdeabcdeancde" + "abcdeabcdeabcdeancde" + "abcdeabcdeabcdeancde"
</pre><pre>
//这种可以在前加空格 str = "abcdeabcdeabcdeancde\n\ abcdeabcdeabcdeancde\n\ abcdeabcdeabcdeancde\n\ abcdeabcdeabcdeancde"
</pre><pre>
(function() {/* abcdeabcdeabcdeancde abcdeabcdeabcdeancde abcdeabcdeabcdeancde abcdeabcdeabcdeancde */}).toString().split('\n').slice(1,-1).join();
</pre>
.补全如下代码,让输出结果为字符串: hello\\饥人谷
<pre>
var str = //补全代码 console.log(str)
</pre><pre>
hello\\\\\\\\饥人谷
</pre>
以下代码输出什么?为什么?
<pre>
var str = 'jirengu\nruoyu' console.log(str.length)
</pre><pre>
13个，因转义字符虽然使用了\n换行但是空格并没有算在长度里面，\n只占据了一个占位符.
</pre>
.写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是.
<pre>
var a = "abcdcba"; var c = "abcdcbb" function judge(arg) { return arg == arg.split("").reverse().join(""); } judge(a);//s.. judge(c);//d..
</pre>
.写一个函数，统计字符串里出现出现频率最多的字符
<pre>
var dostring = "hahahaha, hello this is my world." function numeration(arg) { var i, listf={}; for(i = 0; i < arg.length; i++) { if(listf[arg[i]]) { ++listf[arg[i]]; }else{ listf[arg[i]] = 1 } } var counts; //声明个计算 var maxValue = 0; //声明个最大值 for(var key in listf){ //遍历 if(listf[key] > maxValue) { //遍历到的属性的值大于counts counts = key; //就属性赋给counts maxValue = listf[key]; //再把值赋给他 } } console.log(counts,maxValue); } numeration(dostring);
</pre><pre>
/** 取出字符串中重复字数最多的字符 */ var words = 'sdfghjkfastgbyhnvdstyaujskgfdfhlaa'; //创建字符串 var word, //单个字符 length; //该字符的长度 //定义输出对象 var max = { wordName : '', //重复次数最多的字符 wordLength : 0 //重复的次数 }; //递归方法,传入字符串 (function(words) { if (!words) return; //如果字符串已经变空则返回,结束递归 word = words[0]; //取出字符串中的第一个字符 length = words.length; //将length设为当前字符串长度 words = words.replace(new RegExp(word, 'g'), ''); //返回将字符串剔除当前字符的剩余字符串 length = length - words.length; //重设length为当前字符在字符串中的长度 if (length > max.wordLength) //如果该字符重复次数大于maxLength,则重设maxLength为当前字符重复次数 max = { //重设对象的值 wordName : word, wordLength : length }; arguments.callee(words); //递归调用,传入剩余字符串 })(words); console.log(max.wordName+"\n"+max.wordLength); //递归结束后输出结果
</pre>
.写一个函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
<pre>
function camelize(arg) { var momentvar = arg.split("-"); var result = ""; for(var i=0; i<momentvar.length; i++){ result += (momentvar[i].charAt(0).toUpperCase() + momentvar[i].slice(1)); } return result; }
</pre>
.写一个函数，返回第一个字母为大写的字符 （***）
<pre>
ucFirst("hunger") == "Hunger"
</pre><pre>
function capitalize(arg) { return arg.charAt(0).toUpperCase() + arg.slice(1) }
</pre>
.写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如
<pre>
truncate("hello, this is hunger valley,", 10) == "hello, thi..."; truncate("hello world", 20) == "hello world"
</pre>
<pre>
function abbr(str, maxlength) { var a = str.slice(0, maxlength)+"..."; console.log(a); }
</pre>
.JSON问题
- 什么是 JSON？
- 什么是 JSON格式数据？
- JSON字面量
- SON格式数据如何表示对象？
- window.JSON 是什么？
- 如何把JSON 格式的字符串转换为 JS 对象？
- 如何把 JS对象转换为 JSON 格式的字符串?
-
JSON格式（JavaScript Object Notation的缩写）是一种用于数据交换的文本格式，2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。
相比XML格式，JSON格式有两个显著的优点：书写简单，一目了然；符合JavaScript原生语法，可以由解释引擎直接处理，不用另外添加解析代码。所以，JSON迅速被接受，已经成为各大网站交换数据的标准格式，并被写入ECMAScript 5，成为标准的一部分。
简单说，每个JSON对象，就是一个值。要么是简单类型的值，要么是复合类型的值，但是只能是一个值，不能是两个或更多的值。这就是说，每个JSON文档只能包含一个值。
JSON对值的类型和格式有严格的规定。 -
JSON对象,其实就是JSON的值，基本要符合以下规则.
复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
简单类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。
字符串必须使用双引号表示，不能使用单引号。
对象的键名必须放在双引号里面。
数组或对象最后一个成员的后面，不能加逗号
- JSON 语法是 JavaScript 对象表示语法的子集。
- 数据在名称/值对中
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
- JSON 数据的书写格式是：名称/值对，名称/值对组合中的名称写在前面（在双引号中），值对写在后面(同样在双引号中)，中间用冒号隔开：
var json1 = {"name": "Byron", "age": "24"}
- 对象字面量其实就是一种简单的描素以及声明方式，如上面例举的: var count = { "one": 1, "two": 2, "three": 3 }, 因为本身json就是JavaScript语法集的一种，所以json字面量就是用json格式的JavaScript对象字面量
<pre>
var str = {name:"jirengu",age:2} JSON.stringify(str) //转为字符串 JSON.parse(JSON.stringify(str)). //转为对象
</pre>
