1. 使用数组拼接出如下字符串
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) {
//不需要 \n，我们只需要 html 字符串就好
// 字符串里面的空格可以不加，主要是让 html 缩进看的更清晰一些
var str = '<dl>'
str += ' <dt>' + product.name + '</dt>'
for(var i = 0; i < product.styles.length; i++) {
str += ' <dd>' + product.styles[i] + '</dd>'
}
str += ' </dl>'
return str;
}
function getTpl2(product) {
var htmls = []
htmls.push('<dl>')
htmls.push(' <dt>' + product.name + '</dt>')
for(var i = 0; i < product.styles.length; i++) {
htmls.push('<dd>' + product.styles[i] + '</dd>')
}
htmls.push('</dl>')
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));