20多道前端面试题收藏

var domList = document.getElementsByTagName(‘input’)
var checkBoxList = [];
var len = domList.length;　　
//缓存到局部变量
while (len--) {　　
//使用while的效率会比for循环更高
　　if (domList[len].type == ‘checkbox’) {
    　　checkBoxList.push(domList[len]);
　　}
}

var a;
alert(typeof a); 
// undefined
alert(b); 
// 报错

var a = null;
alert(typeof a); 
//object

var undefined;
undefined == null; 
// true
1 == true;   
// true
2 == true;   
// false
0 == false;  
// true
0 == '';     
// true
NaN == NaN;  
// false
[] == false; 
// true
[] == ![];   
// true

var foo = "11"+2-"1";
console.log(foo);
console.log(typeof foo);
//执行完后foo的值为111，foo的类型为String。

var a = new Object();
a.value = 1;
b = a;
b.value = 2;
alert(a.value);
//答案：2（考察引用数据类型细节）

function combo(msg){
    var arr=msg.split("-");
    for(var i=1;i<arr.length;i++){
        arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);
    }
    msg=arr.join("");
    return msg;
}

var nA = [3,6,2,4,1,5];
console.log(nA.reverse());倒排
console.log(nA.sort(function(a,b){return b-a;}));降序

var d = new Date();
// 获取年，getFullYear()返回4位的数字
var year = d.getFullYear();
// 获取月，月份比较特殊，0是1月，11是12月
var month = d.getMonth() + 1;
// 变成两位
month = month < 10 ? '0' + month : month;
// 获取日
var day = d.getDate();
day = day < 10 ? '0' + day : day;
alert(year + '-' + month + '-' + day);

function escapeHtml(str) {
return str.replace(/[<>”&]/g, function(match) {
    switch (match) {
                   case “<”:
                      return “<”;
                   case “>”:
                      return “>”;
                   case “&”:
                      return “&”;
                   case “\””:
                      return “"”;
      }
  });
}

var foo = 1;
function(){
    console.log(foo);
    var foo = 2;
    console.log(foo);
}
//答案：输出undefined 和 2。

　　　　　　　　　var iArray = []; 
		function getRandom(istart, iend){
				var iChoice = -(istart - iend +1);
				return Math.floor(Math.random() * iChoice + istart);//Math.floor()是向下取整
		}
		for(var i=0; i<10; i++){
				iArray.push(getRandom(10,100));//循环十次该方法然后push到空数组中
		}
		iArray.sort();//排序
		console.log(iArray);

　　　　　　　　　var array1 = ['a','b','c'];
		var bArray = ['d','e','f'];
		var cArray = array1.concat(bArray); //连接两个或多个数组
		console.log(cArray);
		cArray.splice(1,1);  //splice()方法删除或添加数组中一个或多个元素
		cArray.splice(1,0,'3','4')   //1 为起始位置 0为删除的个数，设置为0不会删除  '3' '4' 为数组要添加的项目
		console.log(cArray);

　　　　　　　　　　function serilizeUrl(url) {
			var result = {};
			url = url.split("?")[1];
			var map = url.split("&");
			for(var i = 0, len = map.length; i < len; i++) {
				result[map[i].split("=")[0]] = map[i].split("=")[1];
			}
			return result;
		}
		var m = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e';
		console.log(serilizeUrl(m));   //Object {a: "1", b: "2", c: "", d: "xxx", e: undefined}

var getParams = function(url) {
  if(url === undefined || typeof(url) != 'string'){
    return null;
  }
  items = url.split('?')[1].split('&');
  var json = {};
  for(var i=0; i<items.length; i++) {
    var item = items[i].split('=');
    json[item[0]] = item[1];
  }
  return json;
}

作者：张若昕
链接：http://www.zhihu.com/question/25003398/answer/29754509
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

//其实就是个正则
var getQuery=function(url){
  if(typeof url!=='string'){
    return null;
  }
  var query=url.match(/[^\?]+\?([^#]*)/,'$1');
  if(!query || !query[1]){
    return null;
  }
  var kv=query[1].split('&');
  var map={};
  for(var i=0,len=kv.length;i<len;i++){
    var result=kv[i].split('=');
    var key=result[0],value=result[1];
    //将"c="认为key为c，value为null，将"e"认为key为e，value为true
    map[key]=value || (typeof value=='string'?null:true);
  }
  return map;
}

作者：猫爱吃鱼不吃耗子
链接：http://www.zhihu.com/question/25003398/answer/29751159
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

var  rquery = /^(?:[^?]*\?)?([\w\d\-\/=&%]+)/;

function parseQuery(str, separator) {
    var query = String(str).match(rquery),
        key,
        value;

    if (query == null) return hash;

    query = query.pop();
    separator = separator || '&';

    return query.split(separator).reduce(function(hash, pair) {
        if (pair.indexOf('=') > 0) {
            pair = decodeURIComponent(pair).split('=');

            key = pair.shift();
            // 如果query中某个变量值包含等号
            // 我们应该重新组合起来
            value = pair.join('=');

            if (value != void 0) {
                value = value.replace('+', ' ');
            }
        } else {
            key = decodeURIComponent(pair);
            value = void 0;
        } 

        hash[key] = value;

        return hash;
    }, {});
}

parseQuery('http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e')
; // output: {a: "1", b: "2", c: "", d: "xxx", e: undefined}

作者：周明礼
链接：http://www.zhihu.com/question/25003398/answer/29934613
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

var isArray = function (obj) {    // 判断对象是否是数组的标准方法
    return Object.prototype.toString.call(obj) === "[object Array]";
};

var getParams = function (query) {
    var pairs, 
        map,
        params = {};
    
    pairs = query.split('&');
    
    for (var i=0, len=pairs.length; i<len; i++) {
        map = pairs[i].split('=');
        
        if (map[0] in params) {
            if (isArray(params[map[0]])) {    // 第三次或更多插入
                params[map[0]].push(map[1]);
            } else {    // 第二次插入
                params[map[0]] = [params[map[0]], map[1]];
            }
        } else {    // 第一次插入
            params[map[0]] = map[1];
        }        
    }
    return params;
};

var query1 = 'a=1&b=2&c=&d=xxx&e',
    query2 = 'a=1',
    query3 = 'a=1&a=2',
    query4 = 'a=1&a=2&a=3';

console.log(getParams(query1));   // {a: "1", b: "2", c: "", d: "xxx", e: undefined}
console.log(getParams(query2));   // {a: "1"} 
console.log(getParams(query3));   // {a: ["1", "2"]}
console.log(getParams(query4));   // {a: ["1", "2", "3"]}

作者：daniel ding
链接：http://www.zhihu.com/question/25003398/answer/29780446
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。