汤姆大叔 javascript 系列 第20课 最后的5到javascript题目

博客链接:http://www.cnblogs.com/TomXu/archive/2012/02/10/2342098.html

原题:

大叔注:这些题目也是来自出这5个题目的人,当然如果你能答对4个及以上并且想拿高工资的话,请联系我。

  1. 找出数字数组中最大的元素(使用Match.max函数)
  2. 转化一个数字数组为function数组(每个function都弹出相应的数字)
  3. 给object数组进行排序(排序条件是每个元素对象的属性个数)
  4. 利用JavaScript打印出Fibonacci数(不使用全局变量)
  5. 实现如下语法的功能:var a = (5).plus(3).minus(6); //2
  6. 实现如下语法的功能:var a = add(2)(3)(4); //9

以前一直是写.net后台,对js的操作,只是出于dom和ajax之间,对jquery的也只是存在能使用(还不算熟练)

后来在网上找到了tom大叔的javascript系列,发现写的真好.真的是我这种dom能操作,ajax能写,jquery会用.但是希望更深入下去的采纳哦.

于是就花了一些时间来学习博客里的内容.[本文最后回附上javascript系列文章的目录列表]

现在开始答题,用我自己的思路,(因为我本身算不上一个前端,只是偶尔前端忙的时候,我就写一下dom操作,和ajax.jquery里的ajax函数都没记清,还要去查API)

所以出现纰漏和错误的地方还希望大家指出,学习.

第一题:

找出数字数组中最大的元素(使用Match.max函数).

答题思路:首先,我之前没有用过这个函数,js自带的参数提示也是一坨shit,况且弱类型语言,啥玩意都能往里面传,能不能执行就另说.

于是我就百度了一下Match.max函数,发现里面的参数是以Math.max(1,2,3,4,5,6,7) 这种模式.

去掉数组左右小括号里面的"内容"的格式就刚好满足max参数的要求.

于是:

<script type="text/javascript">
var int_array = [1,2,3,4,5,6];
var str_array ="";
for(var i = 0; i < int_array.length; i++){
str_array += int_array[i] + ",";
} str_array = str_array.subString(0,str_array.length-1);//这里没有找到一个string内置的去掉特定尾字符的函数(trim(),trimRight)//可能是我参数没调对 eval("Math.max("+str_array+")"); </script>

第一条还算顺利,不算太难.

第二题:转化一个数字数组为function数组(每个function都弹出相应的数字)

答题思路:将一个数字转化成function数组,并且每个函数输出对应的数字.

关键在于"弹出相对应的数字."

明显就是一个闭包的操作.(为什么说"明显",因为我花了2天时间去理解和学习闭包)....

<script type="text/javascript">
var int_array = [1,2,3,4,5,6,7];
var fn_array = [];
for(var i = 0; i < int_array.length;i++){
var f = (function(lockitem){
return function(){
console.log("当前是函数fn_"+ lockitem +" ---- 对应的数字是:" + lockitem);
}
})(int_array[i]); fn_array.push(f);
} for(var j = 0 ; j < fn_array.length;j++){
console.log(fn_array[j]());
}
</script>

  

第三题:给object数组进行排序(排序条件是每个元素对象的属性个数)

答题思路:首先给一个对象的数组 比如(var obj_array = [{},{},{}]);

然后写一个函数,计算每个对象的属性个数(不包括原型属性),并返回新的对象,这个新的对象有2个属性 var newObj = {obj:obj,count:count};//Obj就是之前计算属性个数的那个对象本身,count是数量

然后在根据count属性排序,并把这个对象的obj属性返回出来.

var obj_array = [
{
name:"张三"
},
{
name:"张三",
age:25
},
{
name:"张三",
age:25,
address:"湖北武汉"
}
]; function propertyCount(obj){
if(typeof obj !== "object"){
throw new Error("参数类型错误!");
}
var count = 0;
for(var prop in obj){
if(obj.hasOwnProperty(prop)){
count++;
}
} var obj_instance = {
target:obj,
count:count
} return obj_instance;
} //删除数组的指定索引元素
function removeAtIndex(array,index){
array.splice(index,1);
} var obj_whit_propertyCount = [];
var sort_object = [];
var i_array = []; for (var x = 0;x < obj_array.length;x++) { obj_whit_propertyCount.push(propertyCount(obj_array[x]));
i_array.push(propertyCount(obj_array[x]).count);
i_array.sort();
} for (var s = i_array.length - 1; s >=0;s-- ) {
sort_object.push(returnObj(s+1));
} console.log(obj_whit_propertyCount);
console.log(sort_object); function returnObj(count){
for (var q = 0;q < obj_whit_propertyCount.length;q++) {
if(obj_whit_propertyCount[q].count == count){
return obj_whit_propertyCount[q].target;
}
}
}

第三体肯定不是好的思路,不过跌跌撞撞也算是做出来了.

第四题: 利用JavaScript打印出Fibonacci数(不使用全局变量)

我只做出了递归计算,对于打印出1,1,2,3,5,8....这样的数字还没思路,如果读者,请留言告诉我.

function Fibonacii(num){
if(num == 1 || num == 2){
return 1;
} return Fibonacii(num-1) + Fibonacii(num-2);
} console.log(Fibonacii(5)); //第五个数

第五题:实现如下语法的功能:var a = (5).plus(3).minus(6); //2

答题思路:我一开始看到第一个(5),说是实话,真的懵了...怎么会有这么奇特的语法?只有函数调用的时候在会有f()啊!!

后来一想:(1+2)*4 ,(9/3)-1..()就很普通了,不就是一个expression么.

    然后在控制台里输出:console.log((5));//返现结果和我预期一样.

于是,就开始琢磨add和minus两个函数.

既然(5)返回就是一个number类型,那我直接就在Number的prototype属性扩展这两个方法好了.(不是老有人老生常谈不要去修改系统的原型对象)

Number.prototype.add = function(num1){
return this + a;
} Number.prototype.minus = function(num1){
return this - a;
} console.log((5).add(3).minus(6));

其实解答这题的时候,还有另外一个思路

因为Number.prototype._ptoto_ : Object.prototype的,那我在Object.prototype元素上扩展add和minus不一样也可以吗?

这是我写的代码

Object.prototype.add = function(num1){ //
// if(typeof this != "number"){
// throw new Error("必须是数字类型");
// }
// if(parseInt(this) == NaN){
// throw new Error("必须是数字");
// }
return parseInt(this) + num1;
} Object.prototype.minus = function(num1){
// if(typeof this != "number"){
// throw new Error("必须是数字!");
// }
// if(parseInt(this) == NaN){
// throw new Error("必须是数字");
// }
return parseInt(this) - num1;
} var result = (5).add(100).minus(5);
console.log(result);

大家注意注释的地方.

第六题:实现如下语法的功能:var a = add(2)(3)(4);

答题思路,返回每次调用完毕之后,返回此函数本身.但做到的要求估计不是题目要求的那样.

因为题目的要求可能是add(2)(3)(4) 只返回一个结果.我是add(2)一次 add(2)(3)一次 add(2)(3)(4)一次.

var sum_array = [];
var sum = 0;
var add = function(a){ sum_array.push(a);
if(sum_array.length==1){
console.log(a);
return this.add;
}else if(sum_array.length > 1){
for (var y = 0;y < sum_array.length;y++) {
sum+=sum_array[y];
}
}
console.log(sum); return this.add;
} add(1)(2)(3);

到这里,6道题算是马马虎虎的做出来了,肯定有错误的位置.但我会慢慢学习和思考,尽快的把javascript基础知识巩固起来.

ps:公司一同事,看我写这些代码,说你这是要转前台的节奏阿,闭包都懂..

然后我模拟了一个场景:

面试官:闭包,函数作用于,执行上下文你都懂,不错,明天来上班吧. 对了,你随便写一个模态弹出层吧.

我:...不会.....

汤姆大叔博客地址:http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

上一篇:redis:order set有序集合类型的操作(有序集合)


下一篇:第k大的数,前k大的数