首页 > 代码库 > 实现函数，类似jQuery链式调用.
实现函数，类似jQuery链式调用.
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 here10 }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 =http://www.mamicode.com/ 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 =http://www.mamicode.com/ 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 here10 }11 12 // 对应生成的dom13 // <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链式调用.
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。