多行,转义以及字符串常见方法
如果要在单引号字符串的内部，使用单引号（双引号同理），就必须在内部的单引号前面加上反斜杠，用来转义。
var str = 'did she say \' hello \'';
console.log(str); //did she say ' hello '
var str1 = "did she say \" hello \"";
console.log(str1); //did she say " hello "
字符串默认只能写在一行内，分成多行会报错。如果长字符串必须分成多行，可以在每一行的尾部使用反斜杠。
var longStr = 'long \
long\
long\
string';
console.log(longStr); //long long long string
- 字符串的截取
var str = 'hello,world';
var sub1 = str.substr(1,3); //第一个是开始位置，第二个是长度
console.log(sub1); //ell
var sub2 = str.substring(1,3); //第一个是开始位置，第二个是结束位置
console.log(sub2); //el, 长度为第二个参数减去第一个参数
var sub3 = str.slice(1,3);
console.log(sub3); //el 同subString()
console.log(str); //hello,world 原本的字符串是保持不变的
- 字符串的查找
var str = 'hello my world';
var str1 = str.search('my');
console.log(str1); // 6 查找不到的话返回-1
var str2 = str.replace('my','your');
console.log(str2); //hello your world 替换
var str3 = str.match('my');
console.log(str3); //["my", index: 6, input: "hello my world"] 返回匹配的数组
- 字符串大小写转换
var str = 'Hello DeeJay';
var str1 = str.toUpperCase();
console.log(str1); //HELLO DEEJAY
var str2 = str.toLowerCase();
console.log(str2); //hello deejay
console.log(str); //Hello DeeJay 原本的字符串不发生改变
- split()
var str = 'hello';
var str1 = str.split(''); //将字符串进行切割，成为数组
console.log(str1); // ["h", "e", "l", "l", "o"]
var str2 = str.split('l');
console.log(str2); // ["he", "", "o"] 按照l分开
//split还可以传入第二个代表长度的参数
0、对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？
为本质上只是符合通信格式的字符串。
1、使用数组拼接出如下字符串 ，其中styles数组里的个数不定
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod); //result为下面的字符串
将获取到的数据转化为html字符串：
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTpl(data){
//使用字符串拼接
var str ='';
str += '<ul>';
str += '<li>' + data.name + '</li>';
for (var i = 0; i < data.styles.length; i ++) {
str += '<li>'+ data.styles[i] + '</li>';
}
str += '</ul>';
return str;
};
function getTpl2(data) {
//使用数组方法
var arr = [];
arr.push('<ul>');
arr.push('<li>' + data.name + '</li>');
for (var i = 0; i < data.styles.length; i ++) {
arr.push('<li>' + data.styles[i] + '</li>');
}
arr.push('</ul>');
return arr.join(' ');
}
var result = getTpl(prod);
var result2 = getTpl2(prod);
console.log(result);
console.log(result2);
2、写出两种以上声明多行字符串的方法
例如var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'这段字符串很长，如何多行优雅的显示
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde';
//使用字符串拼接
var str1 = '';
str1 = '<ul>';
str1 += ' <li>' + 'abcdeabcdeabcdeancdeabcd' + '</li>';
str1 += ' <li>' + 'abcdeabcdeabcdeancdeabcd' + '</li>';
str1 += ' <li>' + 'abcdeabcdeabcdeancdeabcd' + '</li>';
str1 += '</ul>';
console.log(str1);
//使用数组方法
var str2 = [];
str2.push('<ul>');
str2.push('<li>' + 'abcdeabcdeabcdeancdeabcd' + '</li>');
str2.push('<li>' + 'abcdeabcdeabcdeancdeabcd' + '</li>');
str2.push('<li>' + 'abcdeabcdeabcdeancdeabcd' + '</li>');
str2.push('</ul>');
str2 = str2.join(' ');
console.log(str2);
// 使用反斜杠\来进行转义
var str3 =
'<ul>\
<li>abcdeabcdeabcdeancdeabcd</li>\
<li>abcdeabcdeabcdeancdeabcd</li>\
<li>abcdeabcdeabcdeancdeabcd</li>\
</ul>';
console.log(str3);
// 使用ES6语法 `` 来声明字符串
var str4 =
`<ul>
<li>abcdeabcdeabcdeancdeabcd</li>
<li>abcdeabcdeabcdeancdeabcd</li>
<li>abcdeabcdeabcdeancdeabcd</li>
</ul>`;
console.log(str4);
针对多行JS字符串：
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde';
var str1 = 'abcdeabcdeabcdeancd\
abcdeabcdeabcdeancd\
abcdeabcdeabcdeancd\
';
console.log(str1);
var str2 = `abcdeabcdeabcdeancd
abcdeabcdeabcdeancd
abcdeabcdeabcdeancd`;
console.log(str2);
3、补全如下代码,让输出结果为字符串: hello\\deejay
var str = //补全代码
console.log(str)
var str = 'hello \\\\deejay';
console.log(str) //输出hello \\deejay
4.以下代码输出什么?为什么
var str = 'hello\ndeejay'
console.log(str.length);
var str = 'hello\ndeejay'
console.log(str.length); // 输出12
因为字符串中转义的\n换行符也占一个长度空间
5、写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function strReverse (str) {
// str.split('');//将字符串在每个空字符串处隔开变为数组，即让字符串每个字符为一项构成一个数组，从而可以使用数组的方法
if (str == str.split('').reverse().join('')) { // 变为数组倒序之后再转化为字符串
return '传入字符串为回文';
}
else {
return '传入字符串不是回文';
}
}
var result = strReverse('abcdcba');
console.log(result); // 传入字符串为回文
var result2 = strReverse('abcdcbb');
console.log(result2); //传入字符串不是回文
6、写一个函数，统计字符串里出现出现频率最多的字符
var str = 'hello deejayyyyyyyyyyy';
function repeat(str) {
var dict = {};//创建一个对象，熟悉设置为dict[str[i]],即str中的每个字符，值设定为每个字符出现的次数
var maxKey;
var maxValue = 0;
for (var i = 0; i < str.length; i ++) {
if (dict[str[i]] == undefined) {// str[i]即为字符串中的每个字符, dict[str[i]]即将dict的属性设置为字符串中的每个字符
dict[str[i]] = 1; // 如果遍历到不存在的属性，则添加到dicr属性中，并且值设为1，即新属性出现过1次了
}
else {
dict[str[i]]++; // 遍历到存在的属性，出现次数+1，
}
}
for (var key in dict) { // 得到了属性为str中的每个字符，值为每个对应的字符出现的次数的dict对象，遍历这个dict对象
if (dict[key] > maxValue) { //dict[key]即为属性为Key的属性值
maxValue = dict[key]; //取得最大值，即为字符出现的最大次数
maxKey = key; //key即为出现次数最多属性值对应的属性
}
}
console.log('出现最多的字符为:'+maxKey,'总共出现了'+maxValue+'次');
}
repeat(str); //出现最多的字符为:y 总共出现了11次
7、写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str) {
var str1 = str.split(''); //转换为数组 以便使用splice方法
for (var i = 0;i < str1.length; i ++) {
if (str1[i] == '-') { //遍历数组，有为 - 的项的时候，删除-项以及后面的一项，并且用后面的一项的大写形式来替换
str1.splice(i,2,str1[i+1].toUpperCase());
}
}
var str2 = str1.join(''); //数组转化为字符串然后输出
console.log(str2);
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize (str) {
var str1 = str.split('-'); //将-隔开的字符串变为一项，这些项组成一个数组
for (var i = 1;i < str1.length; i ++) {
str1[i] = str1[i][0].toUpperCase() + str1[i].substring(1,str1[i].length);
//从第二项开始遍历，然后将第二项开始的每一项的第一个字母大写，并且截取后面的内容重新赋值给该项
}
var str2 = str1.join(''); //转化为字符串输出
console.log(str2);
}
camelize("background-color") // 'backgroundColor'
camelize("list-style-image") // 'listStyleImage'
8、写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
ucFirst("deejay") == "Deejay"
function ucFirst(str) {
console.log(str[0].toUpperCase() + str.substring(1,str.length));
}
ucFirst('deejay'); //Deejay
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,max) {
if (str.length > max) {
str = str.substring(0,max) + '...';
}
console.log(str);
}
truncate("hello, this is deejay,", 10) // "hello, thi...";
truncate("hello world", 20) // "hello world"
10、什么是 JSON格式数据？JSON格式数据如何表示对象？window.JSON 是什么？
- JSON，即JavaScript Object Notation。是一种轻量级的数据交换格式。
它是基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集，采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。
这些特性使JSON成为理想的数据交换语言， 易于人阅读和编写，同时也易于机器解析和生成(网络传输速度)。
一种模仿JavaScript语法创造的数据的格式，比较香JavaScript里面的对象，但是其本质是一个字符串
JSON语法是JavaScript对象表示语法的子集。
- 数据在名称/值对中
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
JSON数据的属性名称必须写在双引号中。
示例：
var json1 = {
"name": "deejay",
"age": 21,
"sex": "male",
}
var jason2 = [
{"name": "deejay","age": 21},
{"name": "dee","age": 22}
]
11、如何把JSON 格式的字符串转换为 JS 对象？如何把 JS对象转换为 JSON 格式的字符串?
IE以上的浏览器都支持一个JSON对象。
JSON对象有两个静态函数：
- JSON.parse: 把字符串转换为JSON对象
- JSON.stringify: 把JSON对象转化为字符串
var str = '{"name": "deejay", "age": 21}';
var strParse = JSON.parse(str);
console.log(strParse.name); //deejay
var obj = {
name: "deejay",
age: 21
}
console.log(JSON.stringify(obj)); //{"name":"deejay","age":21} 为字符串
