一、对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么?
都是字符串,只不过是符合对应语法的字符串,比如 HTML 文件符合 HTML 语法。
二、使用数组拼接出如下字符串 ,其中styles数组里的个数不定
题目
<dl class="product"><dt>女装</dt><dd>短款</dd><dd>冬季</dd><dd>春装</dd></dl>
结果
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
//这里下面写代码
var dlStart = '<dl class="product">'
var dlEnd = '</dl>'
var dtName = '<dt>' + data.name + '</dt>'
var ddItems = ''
for(var n = 0; n < data.styles.length; n++){
ddItems += '<dd>' + data.styles[n] + '</dd>'
}
return dlStart + dtName + ddItems + dlEnd
//这里上面写代码
};
var result = getTplStr(prod); //result为上面面的字符串
三、写出两种以上声明多行字符串的方法
1. 加号拼接
var str = 'Hi, I am SHINING.' +
'This is a very long string,' +
'and I'll show you how to display it more elegant.';
2. 反斜杠拼接,每行结束加\
,然后直接回车
var str = 'Hi, I am SHINING.\
'This is a very long string,\
'and I'll show you how to display it more elegant.';
3. 利用注释代码,然后将注释转换为字符串,切分,提取内容
(function () { /*
Hi, I am SHINING.
This is a very long string,
and I'll show you how to display it more elegant.
*/}).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 代表换行符,换行相当于一个空格,所以上面字符串相当于 jirengu ruoyu
六、写一个函数,判断一个字符串是回文字符串,如 abcdcba 是回文字符串, abcdcbb 不是
function palindrome(str){
var strArr = str.split('')
var newStr = strArr.reverse().join('')
return str === newStr
}
var result = palindrome('aabaa')
console.log(result)
七、写一个函数,统计字符串里出现出现频率最多的字符
function getMost(str){
//假设第一个字符出现次数最多
let most = str[0]
//对象存放每个字符出现的次数
let objStr = {}
for(let n = 0; n < str.length; n++){
const current = str[n]
//当存过一次该字符时,直接加 1
if(objStr[current]){
objStr[current]++
//顺便比较当前字符是否为最多出现次数
if(objStr[current] > objStr[most]){
most = current
}
}
//假如是初次出现,则存下来
else {
objStr[current] = 1
}
}
console.log('The most frequently occurring character is: ' + most + '. It occurred ' + objStr[most] + ' times.')
return most
}
let most = getMost('baaaaaaacccccccccccccccccsdg')
console.log(most)
八、写一个 camelize 函数,把 my-short-string 形式的字符串转化成 myShortString 形式的字符串,如
题目
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
结果
function camelize(str){
let strArr = str.split('-')
for(let n = 1; n < strArr.length; n++){
let tmpStr = strArr[n].split('')
tmpStr[0] = tmpStr[0].toUpperCase()
strArr[n] = tmpStr.join('')
}
return strArr.join('')
}
let result = camelize('this-is-a-test')
console.log(result)
九、写一个 ucFirst 函数,返回第一个字母为大写的字符,如
题目
ucFirst("hunger") == "Hunger"
结果
function ucFirst(str){
let strArr = str.split(' ')
for(let n = 0; n < strArr.length; n++){
let tmpStr = strArr[n].split('')
tmpStr[0] = tmpStr[0].toUpperCase()
strArr[n] = tmpStr.join('')
}
return strArr.join(' ')
}
let result = ucFirst('hunger valley')
console.log(result)
十、写一个函数 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){
const strLength = str.length
const endStr = '...'
if(strLength > maxlength){
let newStr = ''
for(let n = 0; n < maxlength; n++){
newStr += str[n]
}
return newStr + endStr
}else {
return str
}
}
var result = truncate('Hello I am nobody!', 10)
console.log(result)
十一、什么是 JSON 格式数据?JSON 格式数据如何表示对象?window.JSON 是什么?
JSON(JavaScript Object Notation)是一种由道格拉斯·克罗克福特构想设计、轻量级的数据交换语言,以文字为基础,且易于让人阅读。JOSN 是类对象字符串,是字符串,它不能被调用或者作为构造函数,除了它的两个方法属性,它本身并没有有趣的功能。JSON 由一对花括号包裹,里面的值以key: value
形式存储,如:
{
name: 'Jack',
sex: 'male'
}
window.JSON 是一个对象,里面只包含两个方法parse()
和stringify()
,分别用于解析和转化 JSON 对象。
十二、如何把 JSON 格式的字符串转换为 JS 对象?如何把 JS 对象转换为 JSON 格式的字符串?
利用到上文提到的两个方法,如
// JSON 转换为 JS 对象,记住,里面一定要用双引号
let jsonStr = '{"name":"jack"}'
console.log(JSON.parse(jsonStr))
// JS 对象转换成 JSON
let jsonObj = {
name: 'jack'
}
console.log(JSON.stringify(jsonObj))
参考: