腾讯的JS前端面试题

news/2024/7/21 6:04:16 标签: JavaScript, 腾讯, 面试题, 算法, 前端
无意中看到这个题目,看完所有解答后,觉得还是不好,所以就写了一下。问题来自:http://www.codefans.net/jscss/code/3460.shtml


题目的意思就是:


有一组数字,从1到n,从中减少了3个数,顺序也被打乱,放在一个n-3的数组里,请找出丢失的数字,最好能有程序,最好算法比较快。假设n=10000。


第一个人是这么写的:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>腾讯的JS前端面试题</title>
<script>
var ary = [1, 5, 7, 6, 4, 8, 10];
var n = ary.length + 3;
var newAry = [];
document.write("假设n=" + n + "<br/>");
ary.sort(function(a, b){
	return a - b;
});
document.write("初始数组:" + ary + "<br/>");
for(var i = 1, j=0; i <= n; i ++,j++){
	var diff = ary[j] - i;
	if(!ary[j]){
	  	newAry.push(i);
	} else if(diff > 0){
		for(var k = 0; k < diff; k ++){
		  newAry.push(i++);	
		}
	}
}
//alert(newAry);
document.writeln("缺少的数:" + newAry);
</script>
</head>
<body>
</body>
</html>




就是排序完成后,线性查找,利用下标差值diff来进行添加。里面嵌套一个for语句是为了连续缺失的现象。但是缺点是所有元素都需要匹配一遍,浪费很多时间。


第二个人是这么写的:



<html>
<head>
<title>腾讯公司JS面试题</title>
</head>
<script type="text/javascript">
		//<!--
		var  n = 10;
		var oldArr = [5,1,6,3,7,8,10];//缺失的源数组997个数;
		var newArr = Array(11);
		var lostArr = [];//要找的数的数组
		for(var i = 0; i < n-3; i++) {
			newArr[oldArr[i]] = 1;
		}
		for(var j = 0; j < newArr.length; j++) {
			if(!newArr[j]) {
				lostArr.push(j);
			}
		}
		lostArr.shift(0);
		alert(lostArr);
		//-->
		</script>
<body>
</body>
</html>
</html>


首先先纠正一下这个人代码中的一句话:
newArr[oldArr[i]] = 1;
其实应该写成
newArr[oldArr[i]] = true;
更让人通俗易懂。
这样我们也就知道他要表达的意思就是将缺失元素数组中的值作为新数组的下标并标记为有这个值,新数组的长度是加上确实元素数组
的长度。所以第二次循环的话,直接全部循环,如果没有被标记上的,自然加入到缺失元素数组lost中。不用多说,你能感觉到两次遍历
让我们忍无可忍,比第一个人还要差。
来看看第三个人怎么写的:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>腾讯面试题</title>
</head>
<body>
<script>
var delNumber = [1106,9012,789]; //假设
var n = 10000; //总循环条例
var number = []; //数组
for (i=0;i<n;i++) {
	number[i] = (i != delNumber[0] && i != delNumber[1] && i != delNumber[2])?(i):("<h3 style=\"color:red\">"+i+"</h3>");
}
function randomSort(a, b){
	return Math.random() - 0.5; //随机运算
}
document.write("本次的随机数是:" + delNumber + "<br /><br />");
document.write(number.sort(randomSort).join()); //选择在外面处理数组,减缓for的压力。
</script>
</body>
</html>




可以说,最无解的莫过于这个人了。他的思想很简单,也很偷懒,就是整个遍历数组,然后判断每个数组中的元素,看看是否与缺失元素
相等。我想表达的是,首先,如果实现已经知道所缺失的元素,何必又要去查找呢???其次,他已经在第一个for语句结束后查找出来了,
为什么下面还要费劲的写个排序函数?排序完又有什么用?题目貌似没有规定,可能被乱序字眼误导了惯性思维。最可惜的是,排序函数
也写的不对呀!!!Math.random() - 0.5这不是相当于没排序????
看完上述三者的激烈编码后,你可能还会想到用json当做哈希表来存储缺失数组数组,用key
作为数组元素的值,value用标记值。很不错,表面看似乎很好,实则很糟糕。且看下面代码:



var arr = [1,2,3,6,7,8,10,11,12,13,14,15,16,17,18,19,20];
function findDelNumber(arr,max){
var obj = {};
for(var i=0;i<arr.length;i++){
obj[arr[i]+'']=arr[i];
}
var str = '';
for(var i=1;i<=max;i++){
if(!obj[i+''])
str +=i+',';
}
return str;
}
alert(findDelNumber(arr,20));



这上面的key和value都是缺失数组中的值,做好一个哈希表后,就可以循环一边总数组的长度,如果发现哈希表中没有这个元素,则自动添加上。
到这里,我需要指出几点,第一,json这种对象数据存储格式不适合作为算法容器,因为你for...in..的时候,其实它需要去查找你里面
存储的属性,花费的时间可想而知。第二,最后你还是避免不了要遍历整个数组去查询所缺失元素,因为上一步只是做了张标记表而已。所以
还不如第一个人写的一次遍历找到元素。
说来说去这么多废话,通过观察这些人的思想和自己思考了一下,发现,首先整理数组成为有序数组是不可避免的。因为计算机不会比你
聪明,就算让你去找,你也会先排好序,乱序的话,只能整个数组查找一个数就遍历一边数组。然后,我们排好序就可以开发出我们的思维
了,你会观察到数组中的值和下标要么就相等,要么就一大段的都差一个数。其实我们可以恢复一下完整的数组元素,你会发现,所有数组值和
下标是相差一的。当你从数组中抽一个数出来的话,把后面的数一次向前进位时,就会发现,后面所有的数值与下标差二了,而前面的却是
差一的。说到这里就差不多都明白了。我们应当在排好序的缺失数组中,去检查它的差值,如果每个都去检查,有点太笨了,聪明的人就知道
复杂问题一分为二,难度就减半,这样我们检查数组中间的数是否和下标差一,如果差一,证明这个数之前的所有数都没有缺失,也就是
这个数组前部分都没有缺失,转而就可以去查找后部分的数组了。如此一来我们便可以进行一次的查找取得一个缺失值。
但是其中有几个陷阱需要指明:
第一,边界问题需要注意,如果缺失的是最前面几个数,或者缺失的存在数组最末尾,那么无论你怎么查找都查不到缺失的数。
第二,当你判断中间数差值不为一的时候,记得还需要看前面一个是否是没有缺失的,也就是前面一个差值必须为一,因为我们这样查找,
第一次拿到的便是最前面缺失的数。
第三,需要注意当你判断中间的数的时候,如果不是所缺失的,记的下次查找的时候不要以前一次中间的下标最为边界,而应该向前或者向
后移一位,因为你先前已经判断出中间数是没有问题的。不然你会发现你的查找可能陷入死循环,就是最后一个数永远查找不到,因为中间数
比较永远不会移动到最末位,只可能是倒数第二位。
注意完这些,相信你会写出很好的解决方案了,下面给出代码,因为10000太长,不方面依次乱序输入,索性用10个数,缺失其中三个数。
查找一次最坏次数为14,查找三个是14*3=42.如果数组越大,性能越能得到体现。数组小,效率也不比线性查找慢。
代码如下:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta charset="utf-8" />
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <script type="text/javascript">

	//缺少2,3,9的乱序数组
	var arr = [1, 5, 7, 6, 4, 8, 10];

	//排序
	arr.sort(function(a,b){
		return a-b;
	});
	
	//折半查找定义
	var serch = function (low,high){
		var pos = parseInt((low + high)/2);	
		//需要判断前一位是否匹配,这个很重要。
		if(arr[pos]!=(pos+1)){
			if (arr[pos-1]==pos){
				lost.push(pos+1);
				//记得添加进去
				arr.splice(pos,0,[pos+1]);
				//打断函数
				return;
			}
			serch(low,pos-1);
		}else{
			serch(pos+1,high);
		}
	}

	var low = 0;//初始化低位查找位置。
	var high = arr.length - 1;	//初始化高位查找位置。
	
	var lost = [];//所缺元素数组
	var len = arr.length + 3;//所有包含所缺元素总和。
	
	//排除高位缺失现象。
	while (arr[high] != len){
		lost.push(arr[high]+1);
		arr.push(arr[high]+1);
		high++;
	}
	
	//排除低位缺失现象。
	while (arr[0] != 1){
		lost.push(arr[0]-1);
		arr.splice(0,0,[arr[0]-1]);
		high++;
	}
	
	//查找剩余缺失元素
	while(lost.length != 3){
		serch(low,high);
		low = 0;
		high = arr.length - 1;
	}

	//14*3=42 最差时间复杂度为42次查找,平均一次查找最差为14次。
	alert(lost);
	

</script>
 </body>
</html>







^.^
----------------------------------------------------Henry


欢迎来群讨论:55732875





























http://www.niftyadmin.cn/n/951150.html

相关文章

VS2008编译项目遇到的问题以及解决方法

1.error : _WIN32_WINNT settings conflicts with _WIN32_IE setting 解决&#xff1a; 项目属性 -> c/c ->预处理器 -> 预处理器定义&#xff0c;里面有一个_WIN32_WINNT0x400&#xff0c; 改为_WIN32_WINNT0x0500就好了。不用改代码。 2.错误提示信息&#xff1…

java mysql 乱码和启动中断1067问题

今天遇到mysql启动问题&#xff0c;本来是由于java插入数据库乱码问题&#xff0c;修改过程中又遇到启动问题1067状态。索性一次将解决写出来分享&#xff0c;以免后来人走弯路。 我非常郁闷的就是国内这些百度啊&#xff0c;贴吧啊&#xff0c;各种转载&#xff0c;不负责任的…

工作那些事(十九)公司的创业期、发展期和回报期

随着时间的推移和经验的积累&#xff0c;身边很多朋友有了自己的公司&#xff1a;有的处于创业期&#xff0c;有的处于发展期&#xff0c;回报期的目前还没有。 一般来说&#xff0c;一个公司的创业期是公司的前1到3年。在这个时期里&#xff0c;公司的技术团队、销售团队都不是…

apache + php配置问题

PHP 5.3.28 (php-5.3.28-Win32-VC9-x86.zip) 和 Apache 2.2 比较融合。 php5apache2_4.dll不好加载&#xff0c;php5apache2_2.dll比较适合Apache2.2在win7下运行。

JS 判断浏览器类型,包括手机类型。

var browser{versions:function(){var u navigator.userAgent, app navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf(Trident) > -1, //IE内核 presto: u.indexOf(Presto) > -1, //opera内核 webKit: u.indexOf(AppleWe…

OFFICE2007软件打开时出现SETUP ERROR的解决方法

最近几天&#xff0c;不知道怎么回事&#xff0c;电脑打开word、excel的时候&#xff0c;提示setup error的错误&#xff0c;如图&#xff1a; &#xff0c; 有的时候&#xff0c;点一下&#xff0c;有个时候点几下&#xff0c;然后出现下面的提示&#xff1a; 点确定&#xf…

error LNK2019: 无法解析的外部符号的几种情况探讨

error LNK2019: 无法解析的外部符号&#xff0c;这种问题在windows C编程中&#xff0c;很多人应该都遇到过&#xff0c;那出现这个问题一般有哪些情况呢&#xff1f; 情况一&#xff0c;就是没有引入相应的lib库。这个情况是最容易想到的。对于lib库是要链接到exe程序中的&…

odejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问题

最近在看《Node.js开发指南》&#xff0c;看到使用nodejs进行web开发的时候&#xff0c;准备创建ejs项目遇到问题了&#xff0c; 书上命令为&#xff1a;1express -t ejs microblog可是执行后&#xff0c;仍旧创建的是jade项目。原来&#xff0c;express3.x&#xff0c;express…