天天看點

JS系列——Linq to js使用小結

前言:前面幾篇介紹了下C#基礎技術中的幾個:反射、特性、泛型、序列化、擴充方法、Linq to Xml等,本來還有兩三個知識點沒有寫完,比如委托、多線程、異步等,後面會陸續将它們補起來,以便作為一套完整的系列。之是以有這篇是因為目前BS項目中前端經常需要對Json的數組對象進行篩選、查找、判斷是否存在等操作。這時就想到了好用的Linq。部落客幾年前用過Linq to js,那個時候還覺得那樣寫很别扭,于是沒有重視。現在随着前段業務的越來越複雜,對前端的資料處理要求也越來越高,使用一種快捷的集合操作方式就變得越來越必要。今天正好趁系統更新Win 10,是以在此做個小結,以後也可以留着當文檔使用。O(∩_∩)O~

1、什麼是Linq to js :C# 3.0推出了.Net獨有的新特性:Linq。自從有了Linq,程式員再也不用擔心對集合的操作了。同理,Linq to js 當然也就是對前端集合變量進行操作的一種技術架構。

2、怎麼使用:因為是前端架構,是以你懂得,隻需要引用一個js檔案即可。這裡還是附上官網位址:http://jslinq.codeplex.com/.這上面有檔案和Demo,可以上去看看。使用方式主要有兩種:使用方法一、直接引用js檔案;使用方法二、使用Nuget Package 安裝Linq to js。在PM安裝控制台中輸入Install-Package jslinq。

本篇以Linq to js的lamada表達式寫法的方式來以此介紹常用方法。我們從官網上面下載下傳下載下傳的檔案如下圖

JS系列——Linq to js使用小結

我們隻需要引用linq.js檔案即可。

(1)條件查詢:Where

arrRes的結果為 [{"Name":"Jim","Age":20}]

我們來看看這種寫Lamada表達式的原型:

參數i是對應的集合裡面的實體模型,傳回類型為bool類型。有沒有和C#裡面的擴充函數Where的定義很像:public static IEnumerable<TSource> Where<TSource>(this IEnumerable<TSource> source, Func<TSource, bool> predicate);參數Func<TSource, bool> predicate為匿名委托,需要傳入實體模型TSource,然後傳回值為bool類型。其實感覺linq to js的使用就是參照c#裡面的定義來的。

(2)條件選擇:Select

arrRes得到結果 [200,210,180,140,250]

(3)排序、去重:OrderBy、Distinct

得到的結果會按照Age排序。

得到的結果集合的數量為3個:[ { Name: "Jim", Age: 20 }, { Name: "John", Age: 14 }, { Name: "LinTao", Age: 25 }]。

(4)周遊:ForEach

很顯然兩個參數:一個是值,另一個是目前索引

(5)取唯一對象:First、FirstOrDefault、Last、LastOrDefault、Single、SingleOrDefault

其他幾個用法和這個類似。這個沒什麼好說的。

(6)Skip、Take

(7)取交集、取差集、合并

  當然還有其他一些不常用的方法。有興趣可以檢視文檔。其實linq to js還有一種支援jquery的寫法。如下:

但引用檔案的時候需要引用jquery.linq.js這個檔案。就是寫法不同,效果完全一樣,選哪一種就是習慣問題了。部落客更加傾向lamada方式的寫法,因為和C#用法可以保持一緻。

  我把網上下載下傳的文檔傳了一份到部落格園上面:linq.js_ver2.2.0.2.rar