JS练习题（1）-CSDN博客

1、找出对象obj不在原型链上的属性
1、返回数组格式为key: value，冒号后有个空格
2、结果数组不要求排序

答案：

function iterate(obj) {
	var arr=[];
	for (var attr in obj) {
		if (obj.hasOwnProperty(attr)) {
			arr.push(attr+": "+obj[attr]);
		}
	}
	return arr;
}

说明：for-in循环遍历对象的所有可枚举属性，hasOwnProperty()判断对象原型链是否有该属性
2、封装函数 f，使 f 的 this 指向指定的对象
答案：

function bindThis(f, oTarget) {
    return f.bind(oTarget);
}

说明：绑定this的几种方法
①函数.bind(对象)，如f.bind(oTarget)
②函数.apply(对象，arguments)
③函数.call(对象，参数1，参数2...)
3、获取 url 中的参数
1. 指定参数名称，返回该参数的值或者空字符串
2. 不指定参数名称，返回全部的参数对象或者 {}
3. 如果存在多个同名参数，则返回数组
输入
http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe
输出
[1, 2, 3]
答案：
方法①

function getUrlParam(sUrl,sKey){
     var result = {};
     sUrl.replace(/\??(\w+)=(\w+)&?/g,function($0,$1,$2){
         if(result[$1] !== void 0){
             var t = result[$1];
             result[$1] = [].concat(t,$2);
         }else{
             result[$1] = $2;
         }
    });
    if(sKey === void 0){
          return result;
     }else{
           return result[sKey] || '';
     }
}

方法②

function getUrlParam(sUrl, sKey) {
    var keyArr=sUrl.split("?")[1].split("#");
    var keyVal=spliceVal(keyArr[0]); //key=1&key=2&key=3&test=4
    var hashVal=spliceVal(keyArr[1]); //hehe
    var obj={};
    //将数组keyVal和hashVal的key转换成对象obj的属性
    obj=getObj(keyVal,obj);
    obj=getObj(hashVal,obj);
    //将只有一个数组元素的数组修改为值
    for (var attr in obj) { 
        if (typeof obj[attr]=="object") {
            if (obj[attr].length==1) {
                obj[attr]=obj[attr][0];
            }
        }
    }
    //判断输出方式
    if (sKey!=undefined) {
        return obj[sKey];
    }else{
        return obj.key;
    }
}
function spliceVal(keyValArr){
    var arr=keyValArr.split("&");
    return arr;    
}
function getObj(arr,obj){
    var index=0;
    var tempKey="";
    var tempVal="";
    for (var i = 0; i < arr.length; i++) {
        index=arr[i].indexOf("="); //没找到时返回-1
        if (index!=-1) {
            tempKey=arr[i].slice(0,index);
            tempVal=arr[i].slice(index+1);
            tempVal=parseInt(tempVal);
            // alert(typeof tempVal);
            if (!obj[tempKey]) {
                obj[tempKey]=[tempVal];
            }else{
                obj[tempKey].push(tempVal);
            }
        }else{
            if (!obj[arr[i]]) {
                obj[arr[i]]="";
            }
        }
    }
    return obj;
}

4、题目描述
查找两个节点的最近的一个共同父节点，可以包括节点自身
输入描述:
oNode1 和 oNode2 在同一文档中，且不会为相同的节点
思路：利用递归验证一个节点是否包含另一个节点就好了。
答案：

function commonParentNode(oNode1, oNode2) {
    if(oNode1.contains(oNode2)){
        return oNode1;
    }else{
        return commonParentNode(oNode1.parentNode,oNode2);
    }
}

5、题目描述
根据包名，在指定空间中创建对象
输入描述:
namespace({a: {test: 1, b: 2}}, 'a.b.c.d')
输出描述:
{a: {test: 1, b: {c: {d: {}}}}}
答案：

function namespace(oNamespace, sPackage) {
    var nameArr=sPackage.split(".");
    var curObj=oNamespace;
    for(var i=0;i<nameArr.length;i++){
        if(!curObj.hasOwnProperty(nameArr[i])){
            curObj[nameArr[i]]={};
            curObj=curObj[nameArr[i]];
        }
    }
    return oNamespace;
}

思路：主要就是判断当前对象是否有当前数组表示的属性，若没有则添加该属性，且属性值为一个对象
6、题目描述
为 Array 对象添加一个去除重复项的方法
输入
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN]
输出
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']
答案：

Array.prototype.uniq = function () {
    var newArr=[];
    var flag = true;
    for(var i=0;i<this.length;i++){
        if(newArr.indexOf(this[i])==-1){
            if (this[i]!=this[i]) { //进入此条件语句的有{}和NAN
                if(flag){
                   newArr.push(this[i]);
                   flag = false;
                }
            }else{
                newArr.push(this[i]);
            }
        }
    }
    return newArr;
}

注意：

console.log({}=={}) //false
console.log(NaN==NaN) //false
console.log(null==null) //true

7、题目描述
用 JavaScript 实现斐波那契数列函数,返回第n个斐波那契数。 f(1) = 1, f(2) = 1 等
答案：

function fibonacci(n) {
    var arr=[1,1];
    if(n<=0){
        return 0;
    }else if(n<=2){
        return 1;
    }else{
        for(var i=2;i<n;i++){
            arr[i]=arr[i-1]+arr[i-2];
        }
        return arr[n-1];
    }
}

8、题目描述
按所给的时间格式输出指定的时间
格式说明
对于 2014.09.05 13:14:20
yyyy: 年份，2014
yy: 年份，14
MM: 月份，补满两位，09
M: 月份, 9
dd: 日期，补满两位，05
d: 日期, 5
HH: 24制小时，补满两位，13
H: 24制小时，13
hh: 12制小时，补满两位，01
h: 12制小时，1
mm: 分钟，补满两位，14
m: 分钟，14
ss: 秒，补满两位，20
s: 秒，20
w: 星期，为 ['日', '一', '二', '三', '四', '五', '六'] 中的某一个，本 demo 结果为五
输入
new Date(1409894060000), 'yyyy-MM-dd HH:mm:ss 星期w'
输出
2014-09-05 13:14:20 星期五
答案：

function formatDate(oDate, sFormation) {
    var obj = {
        yyyy:oDate.getFullYear(),
        yy:(""+ oDate.getFullYear()).slice(-2), //加" "将其转换为字符串,slice(-2)截掉空格 
        M:oDate.getMonth()+1,
        MM:("0"+ (oDate.getMonth()+1)).slice(-2),//加"0"将其转换为字符串,slice(-2)截掉字符"0"
        d:oDate.getDate(),
        dd:("0" + oDate.getDate()).slice(-2),
        H:oDate.getHours(),
        HH:("0" + oDate.getHours()).slice(-2),
        h:oDate.getHours() % 12,
        hh:("0"+oDate.getHours() % 12).slice(-2),
        m:oDate.getMinutes(),
        mm:("0" + oDate.getMinutes()).slice(-2),
        s:oDate.getSeconds(),
        ss:("0" + oDate.getSeconds()).slice(-2),
        w:['日', '一', '二', '三', '四', '五', '六'][oDate.getDay()]
    };
    return sFormation.replace(/([a-z]+)/ig,function($1){
        return obj[$1];
    });
}

9、题目描述
如果第二个参数 bUnicode255For1 === true，则所有字符长度为 1
否则如果字符 Unicode 编码 > 255 则长度为 2
答案：

function strLength(s, bUnicode255For1) {
    if (bUnicode255For1) {
        return s.length;
    }else{
        var length=s.length;
        for(var i=0;i<length;i++){
            if (s.charCodeAt(i)>255) {
                length++;
            }
        }
        return length;
    }
}

说明：charCodeAt()方法是字符串的方法，参数为字符串中字符的索引，返回字符的编码值
10、题目描述
判断输入是否是正确的邮箱格式
输入描述:邮箱字符串
输出描述:true表示格式正确
答案：

function isAvailableEmail(sEmail) {
    var reg=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
    return reg.test(sEmail)?true:false;
}

11、题目描述
将 rgb 颜色字符串转换为十六进制的形式，如 rgb(255, 255, 255) 转为 #ffffff
1. rgb 中每个 , 后面的空格数量不固定
2. 十六进制表达式使用六位小写字母
3. 如果输入不符合 rgb 格式，返回原始输入
输入
'rgb(255, 255, 255)'
输出
#ffffff
答案：

function rgb2hex(sRGB) {
    var reg=/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/;
    var result=sRGB.match(reg);
    var hex="#";
    if (result) {
        for(var i=1;i<=3;i++){
            hex+=parseInt(result[i]).toString(16);
        }
        return hex;
    }
    return sRGB;
}

说明：当匹配不成功时，match（）返回null
parseInt（）将字符串转换为数字，参数1：要转换的字符串；参数二：字符串的进制数
toString（）将数字转换成字符串，参数为字符串的进制数
12、题目描述
css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能
1. 以 - 为分隔符，将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage
输入
'font-size'
输出
fontSize
答案：
①利用数组

function cssStyle2DomStyle(sName){
	var arr=sName.split("-");
	var i=0;
	if (arr[0]=="") {
		i=2;
	}else{
		i=1;
	}
	for(;i<arr.length;i++){
		var temp=arr[i].split("");
		temp[0]=temp[0].toUpperCase();
		arr[i]=temp.join(""); 
	}
	return arr.join("");
}

②利用正则

function cssStyle2DomStyle(sName) {
	var re = /-(\w)/g; 
	if(sName[0] == '-'){//如果字符串以 - 开头则将 - 删掉
		sName = sName.replace('-', '');
	}
	//将 “-字母”形式的字符串替换为 “大写字母”的形式 
	sName = sName.replace(re, function($0, $1){
		return $1.toUpperCase();
	});
	return sName;
}

③数组

function cssStyle2DomStyle(sName) {
	var arr = sName.split('');? 
	//判断第一个是不是 '-'，是的话就删除 
	if(arr.indexOf('-') == 0){
		arr.splice(0,1);
	}
	//处理剩余的'-'
	for(var i=0; i<arr.length; i++){
		if(arr[i] == '-'){
			arr.splice(i,1);
			arr[i] = arr[i].toUpperCase();
		}
	}
	return arr.join('');
}

13、题目描述
统计字符串中每个字符的出现频率，返回一个 Object，key 为统计字符，value 为出现频率
1. 不限制 key 的顺序
2. 输入的字符串参数不会为空
3. 忽略空白字符
输入
'hello world'
输出
{h: 1, e: 1, l: 3, o: 2, w: 1, r: 1, d: 1}

答案：

function count(str){
	if(!str||!str.length){
		return {};
	}
	var arr=str.replace(' ','').split('');
	var obj={};
	for(var i=0;i<arr.length;i++){
		if (!obj[arr[i]]) {
			obj[arr[i]]=1;
		}else{
			obj[arr[i]]++;
		}
	}
	return obj;
}