JSLinq 的使用

 在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

原文地址:https://www.cnblogs.com/yanwuming/p/9350568.html