数组插件----linq.js
优点
1、支持jQuery插件的方式。jquery.linq.min.js。
2、也可以像普通js方法一样使用。linq.min.js。
3、当然用习惯VS的童鞋肯定希望有个良好的智能感知,是的,它支持。
4、和C# Linq有很相似的地方,这个就会让你上手起来更快,更让我欢喜的是在linq.js的一些方法中,你可以像写Lambda表达式一样去写过滤条件,而且在过滤字符串中支持$符号【下面上图】。
Linq.js结构图
体验一:查询json对象
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
function TestQueryObjects() { var jsonArray = [ { "StuID" : 1, "StuName" : "James" , "Age" : 30, "Country" : "USA" }, { "StuID" : 2, "StuName" : "Byant" , "Age" : 36, "Country" : "USA" }, { "StuID" : 3, "StuName" : "Lin" , "Age" : 30, "Country" : "Taiwan" }, { "StuID" : 4, "StuName" : "Yao" , "Age" : 30, "Country" : "Shanghai" } ]; var querResult = $.Enumerable.From(jsonArray) .Where( function (x) { return x.Age <= 30; }) .OrderBy( function (x) { return x.StuID; }) .ToArray() .forEach( function (i) { document.write(i.StuID + ";" + i.StuName + ";" + i.Age + ";" + i.Country + "<br/>" ); }); document.write( "====================================" + "<br/>" ); var queryResult2 = $.Enumerable.From(jsonArray) .Where( "$.Age<=30" ) //这个操作很牛气 .OrderBy( "$.StuID" ) .ToArray() .forEach( function (i) { document.write(i.StuID + ";" + i.StuName + ";" + i.Age + ";" + i.Country + "<br/>" ); }); } |
上下两个queryResult会得出一样的结果
体验二:Lambda怎么来,Linq.js就怎么来
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function TestWithLinq() { // C# Linq //Enumerable.Range(1, 10) //.Where(delegate(int i) { return i % 3 == 0; }) //.Select(delegate(int i) { return i * 10; }); Enumerable.Range(1, 10) .Where( function (i) { return i % 3 == 0; }) .Select( function (i) { return i * 10; }) .ToArray() .forEach( function (i) { document.write(i + ";" ); //30;60;90; }); } |
体验三:去重
1
2
3
4
5
6
7
8
9
|
function TestDistinct() { var arr = [100, 200, 30, 40, 500,200, 40]; Enumerable.From(arr) .Distinct() .ToArray() .forEach( function (i) { document.write(i + ";" ); //100;200;30;40;500; }); } |
体验四:交集、差集、并集
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function TestIntersectExcept() { var arr1 = [1, 412, 53, 25]; var arr2 = [53, 25,22,20]; Enumerable.From(arr1).Intersect(arr2).ForEach( function (i) { document.write(i + ";" ); //53,25 }); Enumerable.From(arr1).Except(arr2).ForEach( function (i) { document.write(i + ";" ); // 1;412 }); Enumerable.From(arr1).Union(arr2).ForEach( function (i) { document.write(i + ";" ); // 1;412;53;25;22;20; }); } |
体验五:Alternate、Contains
1
2
3
4
5
6
7
8
|
function TestAlternate() { Enumerable.Range(1, 5).Alternate( '*' ).ForEach( function (i) { document.write(i + ";" ); //;*;2;*;3;*;4;*; }); var r = Enumerable.Range(1, 5).Contains(3); document.write(r); //ture } |
体验六:Min、Max
1
2
3
4
5
6
|
function TestMaxMin() { var max = Enumerable.Range(1, 5).Max(); //5 var min = Enumerable.Range(1, 5).Min(); //1 document.write(max+ ";" +min); } |
总结
能用到这些js的地方有些功能在后台也可以实现,但是我个人更喜欢js的方式,所以就用了上面几个方法,另外看看linq.js的源码对一些算法也能加深理。使用情况和爱好根据个人爱好来定,不过当我找到这个框架时着实有些震撼。
github地址:http://linqjs.codeplex.com/
官方给出 的API和Demo也能很简单:http://neue.cc/reference.htm
转载自:http://www.cnblogs.com/sword-successful/archive/2014/11/25/4120946.html
数组插件----linq.js的更多相关文章
- js 对json数据进行检索 插件 linq.js
有时界面需要很多数据.但是多次访问服务器效率很低,所以需要检索json数据,最好是像sql查询语句那种 linq.js 插件 LINQ,语言集成查询(Language Integrated Query ...
- 【JavaScript】又一神器框架:linq.js
引言 前几天针对一个js数组交集的问题请教了下同事,他第一反应就是循环,这也是常规思路,因为我个人更倾向于js些,我便开玩笑,不知道js能不能像linq那样实现这些操作呢?果断百度了一把,果然有现成框 ...
- 移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)
移动端下拉刷新.加载更多插件dropload.js(基于jQuery/Zepto) 原文:http://www.grycheng.com/?p=1869 废话不多说,先让大家看一下案例效果: DEMO ...
- 查询Array中确定数值的对象&JS linq使用 = linq.js
var x=new Array(); x.push({"a":3,"b":3},{"a":2,"b":2},{" ...
- 基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
- js-验证码插件gVerify.js
插件 gVerify.js 源码 !(function(window, document) { function GVerify(options) { //创建一个图形验证码对象,接收options对 ...
- 图片预加载插件 preLoad.js
1.preLoad.js插件 /*! * preLoad.js v1.0 * (c) 2017 Meng Fangui * Released under the MIT License. */ (fu ...
- jQuery全屏滚动插件fullPage.js中文帮助文档API
jQuery全屏滚动插件fullPage.js中文帮助文档API 发现了一个fullPage.js插件,于是百度了一下,还就是这个插件的作用,其实有很多网站都做了全屏滚动的特效,效果也很好看,今天 ...
- 前端笔记之Vue(七)Vue-router&axios&Vue插件&Mock.js&cookie|session&加密
一.Vue-router(路由) 1.1路由创建 官网:https://router.vuejs.org/zh/ 用 Vue.js + Vue Router 创建单页应用,是非常简单的.使用 Vue. ...
随机推荐
- 3D屏保: 线圈
LineFlower3DSP 一个3D屏保程序,算法的原理类似于圆内轮旋线的生成. 下载地址: http://files.cnblogs.com/WhyEngine/LineFlower3D_sp.z ...
- VMware vCenter中, 如何辩认虚机上Raw Device Mapping过了的一块物理磁盘?
比如说, 我们有一套VMware的环境, 其中有一台运行者ESXi的主机, 其上有十块SAS盘. 这十块盘中的五块盘被RDM到一台虚机上了. 假设你发现有添加多了一块盘, 你想移除掉, 但是5块盘其中 ...
- C#中Serializable序列化
序列化就是是将对象转换为容易传输的格式的过程,一般情况下转化打流文件,放入内存或者IO文件 中.例如,可以序列化一个对象,然后使用 HTTP 通过 Internet 在客户端和服务器之间传输该对象,或 ...
- 取消Eclipse SVN的自动链接方式
1. 选中指定的项目名(有文件夹样子的那个) 2. 右键,在在弹出菜单选择 Team 3. 然后再点击, Disconnect 即可.
- (转)Unity3D新手引导开发手记
转自:http://www.cnblogs.com/ybgame/p/3844315.html 最近开始接手新手引导的开发,记录下这块相关的心得 首先客户端是Unity,在接手前,前面的同学已经初步完 ...
- mssql2008R2 RCU-6083:ALTER database FWC SET READ_COMMITTED_SNAPSHOT ON
RCU-6083:失败 - 检查所选组件的先决条件要求:MDS 有关详细资料, 请参阅 E:\Setup\ofm_rcu\rcu\log\logdir.2014-11-27_12-39\rcu.log ...
- [Algorithm] Tree: Lowest Common Ancestor
By given a tree structure, task is to find lowest common ancestor: For example, LCA(4, 5) --> > ...
- 【pyhon】理想论坛爬虫1.05版,将读取和写DB分离成两个文件
下午再接再厉仿照Nodejs版的理想帖子爬虫把Python版的也改造了下,但美中不足的是完成任务的线程数量似乎停滞在100个左右,让人郁闷.原因还待查. 先把代码贴出来吧,也算个阶段性成果. 爬虫代码 ...
- 空格在Html中的表示方法( 含义)
转自:http://www.cnblogs.com/hailexuexi/archive/2010/07/25/1784611.html 在web开发经常会遇到如: 这样的字符.它其实是Html将 ...
- C#类似版本号有多个分割符可以产生的排列组合,类似版本号比较
我采用asp.net进行演示 送给有缘人吧,可以获得类似版本号的功能,也可以对比两个版本号,我这里是其他需要用逗号分割的 using System; public partial class _Def ...