字符串与JSON
2017-04-02 本文已影响27人
饥人谷_米弥轮
1.使用数组拼接出如下字符串
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data) {
var arr = [];
arr.push('<dl class="product">');
arr.push(' <dt>' + data['name'] + '</dt>');
for(var i = 0; i < data['styles'].length; i++) {
arr.push(' <dd>' + data['styles'][i] + '</dd>');
}
arr.push('</dl>');
return arr.join('');
}
console.log(getTplStr(prod))
2.写出两种以上声明多行字符串的方法
//方法1,字符串拼接
var str1 = ''
str1 += '<ul>'
str1 += ' <li>1</li>'
str1 += ' <li>2</li>'
str1 += '</ul>'
console.log(str1)
//方法2, 数组 join
var str2 = []
str2.push( '<ul>')
str2.push( ' <li>1</li>')
str2.push( ' <li>2</li>')
str2.push( '</ul>')
console.log(str2.join(''))
//方法3, 用\来转义换行符号，\后面没空格
var str3 = '<ul>\
<li>1</li>\
<li>1</li>\
</ul>'
console.log(str3)
//方法4, ES6的多行字符串表示方法
var str3 = `<ul>
<li>1</li>
<li>2</li>
</ul>
3.补全如下代码,让输出结果为字符串: hello\\饥人谷
1.var str = 'hello' + '\\\\' + '饥人谷'
console.log(str)
2.var str2 = "hello\\\\饥人谷"
console.log(str2)
4.以下代码输出什么?为什么
var str = 'jirengu\nruoyu'
console.log(str.length) //输出为13个字符，因为\n代表为一个字符
5.写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function palindromeStr(str) {
var str2 = str.split('').reverse().join('');
if(str === str2) {
console.log('回文字符串');
}else{
console.log('不是回文字符串');
}
}
palindromeStr('abcb');
6.写一个函数，统计字符串里出现出现频率最多的字符
function countStr(str) {
if(typeof str === 'string') {
var dict = {};
var count = 0;
var maxStr;
var str = str.toLowerCase();
for(var i = 0; i < str.length; i++) {
if(dict[str[i]]) {
dict[str[i]]++;
}else{
dict[str[i]] = 1;
}
}
for(var key in dict) {
if(dict[key] > count) {
count = dict[key];
maxStr = key;
}
}
console.log('字符最多的是：' + maxStr + ',数量为：' + count);
}else{
console.log('请输入string');
}
}
countStr("Hello ppppppppppPeter Welcome tttttto jirengu");
// countStr(1684324164321313);
7.写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
function camelize(str) {
var str2 = str.toLowerCase().split('-');
for(var i = 0; i < str2.length; i++){
if(i === 0) {
continue;
}else{
str2[i] = str2[i].substr(0,1).toUpperCase() + str2[i].slice(1);
}
}
console.log(str2.join(''));
}
camelize("background-color")
camelize("list-style-image")
8.写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
function ucFirst(str) {
str = str.substr(0,1).toUpperCase() + str.slice(1);
console.log(str);
}
ucFirst('hunger');
9.写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...
1.function truncate(str,maxlength) {
var str2 = ''
if(str.length > maxlength) {
for(var i = 0; i < maxlength; i++){
str2 += str[i];
}
console.log(str2 += '...');
}else{
console.log(str);
}
}
truncate("hello, this is hunger valley,", 10);
truncate("hello world", 20);
2.function truncate (obj,num){
if(obj.length > num){
var arr = obj.split('');
arr.splice(num,obj.length-num,"....");
return arr.join('');
}
return obj;
}
console.log(truncate( "hello, this is hunger valley",10));
10.什么是 json？什么是 json 对象？什么是 json 对象字面量？什么是 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 对象字面量?
- 对象字面量其实就是一种简单的描素以及声明方式，如上面例举的: var count = { "one": 1, "two": 2, "three": 3 }, 因为本身json就是JavaScript语法集的一种，所以json字面量就是用json格式的JavaScript对象字面量
- 什么是 JSON内置对象？
- 经过JSON.parse()转换的值;
11.如何把JSON 格式的字符串转换为对象？如何把对象转换为 JSON 格式的字符串?
-
要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法：
var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}' -
要实现从 JSON 转换为对象，使用 JSON.parse() 方法：
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}
** 参考文章 **
CSDN博客：JSON对象
百度百科：JSON对象
