码迷,mamicode.com
首页 > Web开发 > 详细

实现函数,类似jQuery链式调用.

时间:2016-10-07 22:40:26      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:

 1 var origin = [
 2     {id:1,title:‘title1‘},
 3     {id:2,title:‘abcd‘},
 4     {id:3,title:‘title2‘},
 5     {id:4,title:‘efg‘}
 6 ];
 7 
 8 var find = function(data){
 9     // your code here
10 }
11 
12 var result = find(origin).where({‘title‘:/\d$/}).order(‘id‘,‘desc‘); //desc 非递增
13 console.log(result);  //  [{id:3,title:‘title2‘},{id:1,title:‘title1‘}]

写了10分钟左右:随便A了一下

var origin = [
    {id: 1, title: ‘title1‘},
    {id: 2, title: ‘abcd‘},
    {id: 3, title: ‘title2‘},
    {id: 4, title: ‘efg‘}
];

var find = function (data) {
    // your code here
    function jquery(data) {

        this.where = function (obj) {

            var arr = [];
            var self = this;
            var key = Object.keys(obj)[0];
            var temp = self.data;

            for (var j = 0; j < temp.length; j++) {


                if (obj[key].test(temp[j][key])) {

                    arr.push(temp[j]);

                }
            }

            this.data = arr;

            return this;
        };
        this.order = function (name, desc) {
               var self =this;
            //降序
            if (desc === "desc") {
                for (var i = 1; i < self.data.length; i++) {

                    var j = i - 1;
                    var key = self.data[i][name];
                    while (j >= 0 && self.data[j][name] < key) {
                        self.data[j + 1][name] = self.data[j][name];
                        j--;
                    }

                    self.data[j + 1][name] = key;

                }

            }


            return self.data;
        };
        this.data = data;

    }

    return new jquery(data);

};

var result = find(origin).where({‘title‘: /\d$/}).order(‘id‘, ‘desc‘); //desc 非递增
console.log(result);  //  [{id:3,title:‘title2‘},{id:1,title:‘title1‘}]

 

唉,取属性的时候,hasOwnPrototype我忘记怎么写了,后来查了一下,原来他是用来确认的,我了个,后来机智的我想起来es5好像出了keys这个方法,然后试了试果然用这个,然后就这样咯。排序我用的插入排序,你可以选择冒泡,选择,快排,归并,计数,堆排序等等,不会的可以看我的算法博客。我看了下别人的代码,原来js有sort这个方法。大家自己去了解吧。其实链式调用就是返回this咯,没什么大不了的。反正写的不怎么样,将就看一下吧,完美的话,个人认为在Object.keys()上面做文章。比如我在where方法里传的参数可以有很多keys:

{‘title‘:/\d$/,
‘id:‘/[2-4]/,
...
}
那这个时候,就要在做好多次筛选了,怎么做大家自己动脑筋吧。还有就是这个排序。我们现在是只可以传入desc. 其实我们知道有降序就会有升序(asc),当然还有乱序。 阿里啊,这不是考我们mongodb吗。熟悉mongodb的同学这里是不是看起来很像。

 1 // ali-for
 2 var items = [
 3     {name:‘item1‘},
 4     {name:‘item2‘}
 5 ];
 6 var str = ‘<div ali-for="item in items">{{item.name}}<div>‘;
 7 
 8 var ParseDom = function(str){
 9     // your code here
10 }
11 
12 // 对应生成的dom
13 // <div>item1</div>
14 // <div>item2</div>

 


这题目,我是没做出来,我认为,起码是不能直接认为是div的,一定是匹配html标签。下面填一个别人写的,主要考察的是正则表达式
 1 var items = [  
 2     {name:‘item1‘},  
 3     {name:‘item2‘}  
 4 ];  
 5 var str = ‘<div ali-for="item in items">{{item.name}}<div>‘;  
 6   
 7 var ParseDom = function(str){  
 8 
 9     var reg1 = /\sali-for=\"[a-zA-Z\s]+\"/gi,
10         reg2 = /\{{2}[a-zA-Z\.]+\}{2}/gi,
11         reg3 = /\.[a-zA-Z]+/gi,
12         len = items.length;
13     
14     var temp = str.replace(reg1,‘‘),
15         fill = str.match(reg2)[0],
16         key = str.match(reg2)[0].match(reg3)[0].slice(1),
17         clone_temp =‘‘,
18         str = ‘‘;
19 
20     for(var i=0;i<len;i++){
21         clone_temp = temp;
22         str+=clone_temp.replace(fill,items[i][key]);
23     }
24 
25     console.log(str);
26 
27 }  

 



实现函数,类似jQuery链式调用.

标签:

原文地址:http://www.cnblogs.com/huenchao/p/5936640.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!