汤姆大叔 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