在net 中经常使用Linq 语法或者lamada 表达式,在使用的过程中感觉很方便,但是在涉及到JS的时候,总要自己去写逻辑代码去查询相关数据,通过搜索发现 已经有关于JSLInq的扩展方法,可以像使用Linq 一样去编写前端查询代码。其中JSLinq已经实现net Linq的所有方法。其中代码库如下: https://github.com/crpietschmann/jslinq
目前已经参考demo 实现了其中的样例操作,感觉很方便; 其中在vue 中也可以应用
npm install linq ;
其中方法与其他的有稍微差别,请参考官方Demo;
在main.js 添加如下引用:
import './assets/common/JsLinq/JSLINQ-vsdoc.js'
import './assets/common/JsLinq/JSLINQ.js'
在 使用组件中实现方法:
var result=JSLINQ(this.data) .Where(function(i){return i.FirstName.indexOf($vue.searchword)>0}) .OrderByDescending(function(i){ return i.LastName});
同时可以采用原生方法:
比如采用map方法如下:
var temp=[]; this.data.map(function(item,index,valu1){ if(item.FirstName.indexOf($vue.searchword)>0){ temp.push(item); } });
Demo参考官方地址:https://archive.codeplex.com/?p=jslinq