{"id":1629,"date":"2014-04-03T09:19:38","date_gmt":"2014-04-03T07:19:38","guid":{"rendered":"http:\/\/complexitymaze.com\/?p=1629"},"modified":"2014-04-03T09:19:38","modified_gmt":"2014-04-03T07:19:38","slug":"cheat-sheet-from-basic-linq-to-javascript","status":"publish","type":"post","link":"https:\/\/complexitymaze.com\/?p=1629","title":{"rendered":"Cheat sheet: from basic LINQ to JavaScript"},"content":{"rendered":"

As a developer in the .NET world where LINQ<\/a> is first class citizen, when going to JavaScript it seems that some methods are missing. There is even a<\/a> few<\/a> libraries that tries to remedy this, but if you are just looking to get the job done the most often used methods are right at hand. (Looking for features such as Lazy-evaluation or observables, linq.js<\/a> and RxJS<\/a> offers these).<\/p>\n

In the following I’ll list the most used operations and their JavaScript equivalents cheat sheet style. Notice that I’m using Lambda expressions in JavaScript to get the code a bit more concise, if they aren’t available just replace expressions like:<\/p>\n

\n(data) => {}<\/pre>\n
with <\/p>\n
\nfunction(data) {}<\/pre>\n
All operations are executed against this example:<\/p>\n
\nvar persons = [\n    { firstname: 'Peter', lastname: 'Jensen', type: 'Person', age: 30 },\n    { firstname: 'Anne', lastname: 'Jensen', type: 'Person', age: 50  },\n    { firstname: 'Kurt', lastname: 'Hansen', type: 'Person', age: 40  }\n];<\/pre>\n
Notice that some of the operations modifies the source array, if you don’t want that just clone it with:<\/p>\n
\npersons.slice(0);<\/pre>\n
Every operation is named after the method’s name in LINQ:<\/p>\n
\n\tAll<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.All(person => person.type == "Person");<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.filter(person => person.type == 'Person').length == persons.length;<\/pre>\n<\/div>\n
<\/p>\n
\n\tConcat<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Concat(persons);<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.concat(persons);<\/pre>\n<\/div>\n
<\/p>\n
\n\tCount<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Count();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.length;<\/pre>\n<\/div>\n
<\/p>\n
\n\tDistinct<\/b><\/p>\n
C#<\/div>\n
\n\tvar lastnames = persons.Select(person => person.lastname);\n    var result = lastnames.Distinct();\n\t<\/pre>\n
JavaScript<\/div>\n
\n\tvar lastnames = persons.map(person => person.lastname);\n    var result = lastnames.filter((value, index) => lastnames.indexOf(value) == index);<\/pre>\n<\/div>\n
<\/p>\n
\n\tEmpty<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = Enumerable.Empty<dynamic>();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = [];<\/pre>\n<\/div>\n
<\/p>\n
\n\tFirst<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.First();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons[0];\n    if (!result) throw new Error('Expected at least one element to take first')<\/pre>\n<\/div>\n
<\/p>\n
\n\tFirstOrDefault<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.FirstOrDefault();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons[0];<\/pre>\n<\/div>\n
<\/p>\n
\n\tForEach<\/b><\/p>\n
C#<\/div>\n
\n\tvar fullnames = new List<string>();\n    persons.ForEach(person => fullnames.Add(person.firstname + " " + person.lastname));<\/pre>\n
JavaScript<\/div>\n
\nvar fullnames = [];\npersons.forEach(person => fullnames.push(person.firstname + ' ' + person.lastname))<\/pre>\n<\/div>\n
<\/p>\n
\n\tGroupBy<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.GroupBy(person => person.lastname);<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.reduce((previous, person) => {\n\t\t(previous[person.lastname] = previous[person.lastname] || []).push(person);\n    \treturn previous;\n\t}, []);<\/pre>\n<\/div>\n
<\/p>\n
\n\tIndexOf<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.IndexOf(persons[2]);<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.indexOf(persons[2]);<\/pre>\n<\/div>\n
<\/p>\n
\n\tLast<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Last();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons[persons.length-1];\n    if (!result) throw new Error('Expected at least one element to take last')<\/pre>\n<\/div>\n
<\/p>\n
\n\tLastOrDefault<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.LastOrDefault();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons[persons.length-1];<\/pre>\n<\/div>\n
<\/p>\n
\n\tOrderBy<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.OrderBy(person => person.firstname);<\/pre>\n
JavaScript<\/div>\n
\n\tpersons.sort((person1, person2) => person1.firstname.localeCompare(person2.firstname));<\/pre>\n<\/div>\n
<\/p>\n
\n\tOrderByDescending<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.OrderByDescending(person => person.firstname);<\/pre>\n
JavaScript<\/div>\n
\n\tpersons.sort((person1, person2) => person2.firstname.localeCompare(person1.firstname));<\/pre>\n<\/div>\n
<\/p>\n
\n\tReverse<\/b><\/p>\n
C#<\/div>\n
\n\tpersons.Reverse();<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.reverse();<\/pre>\n<\/div>\n
<\/p>\n
\n\tSelect<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Select(person => new {fullname = person.firstname + " " + person.lastname});<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.map(person => ({ fullname: person.firstname + ' ' + person.lastname }) );<\/pre>\n<\/div>\n
<\/p>\n
\n\tSingle<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Single(person => person.firstname == "Peter");<\/pre>\n
JavaScript<\/div>\n
\n\tvar onePerson = persons.filter(person => person.firstname == "Peter"); \n    if (onePerson.length != 1) throw new Error('Expected at excactly one element to take single')\n    var result = onePerson[0];<\/pre>\n<\/div>\n
<\/p>\n
\n\tSkip<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Skip(2);<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.slice(2, persons.length); <\/pre>\n<\/div>\n
<\/p>\n
\n\tTake<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Take(2);<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.slice(0, 2);<\/pre>\n<\/div>\n
<\/p>\n
\n\tWhere<\/b><\/p>\n
C#<\/div>\n
\n\tvar result = persons.Where(person => person.lastname == "Jensen");<\/pre>\n
JavaScript<\/div>\n
\n\tvar result = persons.filter(person => person.lastname == 'Jensen');<\/pre>\n<\/div>\n
<\/p>\n
So clearly you don’t need a library if you only need the basic operations. The code above with tests is available at GitHub<\/a>.<\/p>\n
This post is also available in Danish at QED.dk<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
As a developer in the .NET world where LINQ is first class citizen, when going to JavaScript it seems that some methods are missing. There is even a few libraries that tries to remedy this, but if you are just looking to get the job done the most often used methods are right at hand. […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5,6],"tags":[],"class_list":["post-1629","post","type-post","status-publish","format-standard","hentry","category-c","category-geeky","category-javascript-2"],"_links":{"self":[{"href":"https:\/\/complexitymaze.com\/index.php?rest_route=\/wp\/v2\/posts\/1629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/complexitymaze.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/complexitymaze.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/complexitymaze.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/complexitymaze.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1629"}],"version-history":[{"count":0,"href":"https:\/\/complexitymaze.com\/index.php?rest_route=\/wp\/v2\/posts\/1629\/revisions"}],"wp:attachment":[{"href":"https:\/\/complexitymaze.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/complexitymaze.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/complexitymaze.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}