Javascript面试题浅析

分享几道JavaScript相关的面试题
字符串反转
这这里提供了两种解题思路。如果各位读者还有其他的思路,可以分享交流!
第一方法:
function reverse(str){
var sp = str.split(',');
//保存反转之后的字符串
var new_str = '';
/从后往前取,用逗号分隔/
for(var i = sp.length-1;i>=0;i--){
new_str += sp[i]+',';
}
/取到length-1,否则会取到最后一个逗号。/
new_str = new_str.substring(0,new_str.length-1);
return new_str;
}
第二种方法:
function reverse(str){
return str.split(',').reverse().join(',');
}
编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象,如:var url = “http://witmax.cn/index.php?key0=0&key1=1&key2=2″
思路:
1.用?将url拆成两部分,第一部分为:http://witmax.cn/index.php,第二部分为:key0=0&key1=1&key2=2。也就是将地址和参数分开,保存在一个数组中
var arr = url.split('?');
2.在1的基础上将之前的部分,即参数部分用&拆成多个部分,如key0=0,key1=1。然后用=号将键值对拆开。
var arr = arr[1].split("&");
for(var i = 0; i < arr.length; i++){
var a = arr[i].split('=');
params[a[0]] = a[1];
}
完成代码:
function parseQueryString(url){
//如果url为空或url没有参数则直接返回
if(url === null || url.indexOf('?') < 0) return ;
var params = [];
//将url拆成2部分
var arr = url.split('?');
if(arr.length <= 1){
return params;
}
//用&拆成多个部分,每个部分是一个键值对
//然后用=将键值对拆分
arr = arr[1].split('&');
for(var i = 0; i < arr.length; i++){
var a = arr[i].split('=');
params[a[0]] = ar[1];
}
return params;
}
点击页面上的任意元素,弹出元素的标签名
这里涉及到浏览器的兼容性问题。简单的说明一下target和srcElement以及event的区别。
在IE浏览器中,event对象是作为window.event全局对象存在的。在Firefox中是作为事件参数存在的。
srcElement是IE中的用法,target是非IE浏览器中的用法。为了兼容可以用如下方式获取:
target = event.srcElement ? event.srcElement : event.target;
要获取标签名可以通过tagName属性。
function getTarget(event){
event = window.event || event;
return event.srcElement || event.target;
}
document.onclick = function(event){
var tag = getTarget(event);
alert(tag.tagName);
}
编写一个方法,求一个字符串的字节长度
假设,一英文字符占用一个字节,一个中文字符占用两个字节。
主要用到的方法是charCodeAt()。charCodeAt()方法返回的是指定位置字符的unicode码,而大于255的编码值为非常规字符,如中文、英文等。
function getBytes(str){
//没传参
if(arguments.length === 0 || !str) return null;
if(str.length <= 0 || str === '') return 0;
var len = str.length;
//字节数
var bytes = 0;
for(var i = 0; i < len; i++){
if(str.charCodeAt(i) > 255){
bytes += 2;
}else{
bytes += 1;
}
}
return bytes;
}
console.log(getBytes('代码之美,beautiful code'));//24

作者: 夏目

微博:夏目Maple

如果您认为阅读这篇博客让您有些收获,不妨点击一下右下角的【推荐】

如果您希望与我交流互动,欢迎微博互粉

如果你有更好的建议,不如留言一起讨论,共同进步

原文地址:https://www.cnblogs.com/maplechow/p/5551571.html