It&#39;s the same as plain old javascript. You can still use an arrow function to make it more concise.

    x.sort((a, b) =&gt; a.name &lt; b.name ? -1 : a.name &gt; b.name ? 1 : 0)

Or using **localeCompare**.

    x.sort((a, b) =&gt; a.name.localeCompare(b.name))

How can I add a user with Dockerfile - the following does not work.

    USER vault
    WORKDIR /usr/local/bin/vault


My full Dockerfile:

    FROM alpine:3.4
    RUN apk update &amp;&amp; apk add curl unzip
    RUN useradd -ms /bin/bash vault

    USER vault
    WORKDIR /usr/local/bin/vault
    ADD /vault.hcl /etc/vault/vault.hcl

    RUN curl -SL https://releases.hashicorp.com/vault/0.5.0/vault_0.5.0_linux_amd64.zip &gt; vault.zip
    RUN unzip vault.zip -d /usr/local/bin &amp;&amp; rm vault.zip

How to add user with dockerfile?

I want to use `request.Body(type io.ReadCloser)` which is containing a image.

I dont want to use `ioutil.ReadAll()` as i want to write this body directly to the file as well as want to decode it, so i only want to use the reference to the content to pass to further function calls, 

I tried creating multiple instances of reader for example shown below
    
    package main
    
    import (
    	&quot;io/ioutil&quot;
    	&quot;log&quot;
    	&quot;strings&quot;
    )

 
    func main() {
    	r := strings.NewReader(&quot;some io.Reader stream to be read\n&quot;)
    	a := &amp;r
    	b := &amp;r
    	log.Println(ioutil.ReadAll(*a))
    	log.Println(ioutil.ReadAll(*b))
    
    }

but in second call it always results into `nil`.

Please help me how can i pass multiple separate reference for the same reader?

How to read multiple times from same io.Reader

I have a candidate object with properties 

    candidateid:number;
    name:string;

I wish to sort an array of such objects based on the `name` property. How can I achieve this in TypeScript in angular 2?

How to sort object array based on key in typescript

I have a candidate object with properties
<pre><code class="hljs language-vbnet">candidateid:number;
name:string;
</code></pre>
I wish to sort an array of such objects based on the <code>name</code> property. How can I achieve this in TypeScript in angular 2?

I want to import a CSS file into a react component.

I&#39;ve tried `import disabledLink from &quot;../../../public/styles/disabledLink&quot;;` but I get the error below;

&gt; Module not found: Error: Cannot resolve &#39;file&#39; or &#39;directory&#39; ../../../public/styles/disabledLink in c:\Users\User\Documents\pizza-app\client\src\components @ ./client/src/components/ShoppingCartLink.js 19:20-66 Hash: 2d281bb98fe0a961f7c4 Version: webpack 1.13.2

`C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css` is the location of the CSS file I&#39;m trying to load.

To me it seems like import is not looking up the correct path.

I thought with `../../../` it would start to look up the path three folder layers above.

`C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js` is the location of the file that should import the CSS file.

What am I doing wrong and how can I fix it?


How to import a CSS file in a React Component

I have the following render method in my React Native code:


&lt;!-- language: lang-js --&gt;

    render() {
        const {height, width} = Dimensions.get(&#39;window&#39;);
        return (
          &lt;View style={styles.container}&gt;
            &lt;Image 
              style={{
                height:height,
                width:width,
              }}
              source={require(&#39;image!foo&#39;)}
              resizeMode=&#39;cover&#39; 
            /&gt;
            &lt;TouchableHighlight style={styles.button}/&gt;
          &lt;/View&gt;
        );
      }


It gives me this error:

&gt; `React.Children.only` expected to receive a single React element child

If I remove the `TouchableHighlight` component, it works fine. If I remove the Image component, it still gives that error.

I can&#39;t see why it gives me this error. `&lt;View&gt;` should be able to have more than one component inside it for rendering.

&quot;React.Children.only expected to receive a single React element child&quot; error when putting &lt;Image&gt; and &lt;TouchableHighlight&gt; in a &lt;View&gt;

I have a project that needs to use Angular2 (final) to post to an old, legacy Tomcat 7 server providing a somewhat REST-ish API using .jsp pages.

This worked fine when the project was just a simple JQuery app performing AJAX requests. However, the scope of the project has grown such that it will need to be rewritten using a more modern framework. Angular2 looks fantastic for the job, with one exception: It refuses to perform POST requests using anything option but as form-data, which the API doesn&#39;t extract. The API expects everything to be urlencoded, relying on Java&#39;s `request.getParameter(&quot;param&quot;)` syntax to extract individual fields.

This is a snipped from my user.service.ts:

&lt;!-- language: typescript --&gt;

    import { Injectable }    from &#39;@angular/core&#39;;
    import { Headers, Response, Http, RequestOptions } from &#39;@angular/http&#39;;
    import { Observable } from &#39;rxjs/Observable&#39;;
    import &#39;rxjs/add/operator/map&#39;;

    @Injectable()
    export class UserService {
        private loggedIn = false;
        private loginUrl = &#39;http://localhost:8080/mpadmin/api/login.jsp&#39;;
        private headers = new Headers({&#39;Content-Type&#39;: &#39;application/x-www-form-urlencoded&#39;});
    
        constructor(private http: Http) {}
    
        login(username, password) {
            return this.http.post(this.loginUrl, {&#39;username&#39;: username, &#39;password&#39;:  password}, this.headers)
                .map((response: Response) =&gt; {
                    let user = response.json();
                    if (user) {
                        localStorage.setItem(&#39;currentUser&#39;, JSON.stringify(user));
                    }
                }
            );
        }
    }

No matter what I set the header content type to be, it always ends up arriving as non-encoded form-data. It&#39;s not honoring the header I&#39;m setting.

Has anyone else encountered this? How do you go about forcing Angular2 to POST data in a format that can be read by an old Java API using `request.getParameter(&quot;param&quot;)`?

*Edit*: For anyone else who finds this in the future, the solution is actually really simple. Set the body of the post like this:

    let body = `username=${username}&amp;password=${password}`;`

See Brad&#39;s example below.

How to force Angular2 to POST using x-www-form-urlencoded

I started https://laracasts.com/series/learning-vue-step-by-step series. I stopped on the lesson **Vue, Laravel, and AJAX** with this error:


   &gt; vue.js:2574 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop&#39;s value. Prop being mutated: &quot;list&quot; (found in component &lt;task&gt;)


I have this code in **main.js**


    Vue.component(&#39;task&#39;, {
        template: &#39;#task-template&#39;,
        props: [&#39;list&#39;],
        created() {
            this.list = JSON.parse(this.list);
        }
    });
    new Vue({
        el: &#39;.container&#39;
    })


I know that the problem is in **created()** when I overwrite the list prop, but I am a newbie in Vue, so I totally don&#39;t know how to fix it. Anyone have an idea how (and please explain why) to fix it?

Vue 2 - Mutating props vue-warn

Is there any implementation in C# like [JavaScript&#39;s spread syntax][1]?

    var arr = new []{
       &quot;1&quot;,
       &quot;2&quot;//...
    };
    
    Console.WriteLine(...arr);

 [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

JavaScript spread syntax in C#

If I have an array of doubles: 

    [10.2, 20, 11.1, 21, 31, 12, 22.5, 32, 42, 13.6, 23, 32, 43.3, 53, 14, 24, 34, 44, 54, 64, 15.1, 25, 35, 45, 55, 65.3, 75.4, 16, 26, 17.5,]

and I want to get the first element and last element so that

    firstNum = 10.2
    
    lastNum = 17.5

how would I do this?

How to get first and last element in an array in java?

I know it&#39;s simple, but I don&#39;t get it.

I have this code:

    // My object
    const nieto = {
      label: &quot;Title&quot;,
      value: &quot;Ramones&quot; 
    }

    let nietos = [];
    nietos.push(nieto.label);
    nietos.push(nieto.value);

If I do this I&#39;ll get a simple array: 

    [&quot;Title&quot;, &quot;Ramones&quot;]

I need to create the following:

    [{&quot;01&quot;:&quot;Title&quot;, &quot;02&quot;: &quot;Ramones&quot;}]

How can I use `push()` to add the objects into the `nietos` array? 



push object into array

Is there some difference between using `Array.from(document.querySelectorAll(&#39;div&#39;))` or `[...document.querySelectorAll(&#39;div&#39;)]`?

Here is a example:

    let spreadDivArray = [...document.querySelectorAll(&#39;div&#39;)];
    console.log(spreadDivArray);
    
    let divArrayFrom = Array.from(document.querySelectorAll(&#39;div&#39;));
    console.log(divArrayFrom);

The `console.log()` will log the same result.

Is there any performance difference? 

Array.from() vs spread syntax

The error message is:

&gt; FATAL ERROR Uncaught Error: Cannot unpack array with string keys

I know I can simply run the method `fetch()` twice and pass the `[&#39;q&#39;]` and `[&#39;bind&#39;]`, but I am trying to get to grips with using the new `...` to unpack values. I want to pass the values like so:

    (string) SQL, (Array) Bind Values

But I think it tries to unpack the bind values array as well as the response array from the `fetch()` method. Is it possible to unpack this array?

It looks something like this:

    array(2) {
        [&quot;q&quot;] =&gt; string(7) &quot;example&quot;
        [&quot;bind&quot;] =&gt; array(1) {
            [&quot;example&quot;] =&gt; string(3) &quot;one&quot;
        }
    }

This is the whole code, in case you need to see how it all fits together:

    class ModelController {
        public static function execute($sql, $vals) {
            var_dump($vals);
        }
    }

    class ModelContainer {

        private $queries = [];

        public function add_model(Model $model, $name) {
            $this-&gt;queries[$name] = $model;
            return $this;
        }

        public function exec_all() {
            foreach($this-&gt;queries as $q) {
                ModelController::execute(...$q-&gt;fetch());
            }
        }

        public function exec($name) {

        }

    }

    class Model {

        private $sql;
        private $vals = [];


        public function set_q($statement) {
            $this-&gt;sql = $statement;
            return $this;
        }

        public function bind($vals = []) {
            $this-&gt;vals = $vals;
            return $this;
        }

        public function fetch() {
            return [&#39;q&#39; =&gt; (string)$this-&gt;sql,
                &#39;bind&#39; =&gt; $this-&gt;vals ];
        }
    }

    $m = new ModelContainer();
    $m-&gt;add_model((new Model)-&gt;set_q(&#39;example SQL content here&#39;)-&gt;bind([&#39;example&#39; =&gt; &#39;example value here&#39;]), &#39;one&#39;);
    $m-&gt;exec_all();







Cannot unpack array with string keys

Does anyone know of a way (lodash if possible too) to group an array of objects by an object key then create a new array of objects based on the grouping? For example, I have an array of car objects:

	const cars = [
		{
			&#39;make&#39;: &#39;audi&#39;,
			&#39;model&#39;: &#39;r8&#39;,
			&#39;year&#39;: &#39;2012&#39;
		}, {
			&#39;make&#39;: &#39;audi&#39;,
			&#39;model&#39;: &#39;rs5&#39;,
			&#39;year&#39;: &#39;2013&#39;
		}, {
			&#39;make&#39;: &#39;ford&#39;,
			&#39;model&#39;: &#39;mustang&#39;,
			&#39;year&#39;: &#39;2012&#39;
		}, {
			&#39;make&#39;: &#39;ford&#39;,
			&#39;model&#39;: &#39;fusion&#39;,
			&#39;year&#39;: &#39;2015&#39;
		}, {
			&#39;make&#39;: &#39;kia&#39;,
			&#39;model&#39;: &#39;optima&#39;,
			&#39;year&#39;: &#39;2012&#39;
		},
	];

I want to make a new array of car objects that&#39;s grouped by `make`:

	const cars = {
		&#39;audi&#39;: [
			{
				&#39;model&#39;: &#39;r8&#39;,
				&#39;year&#39;: &#39;2012&#39;
			}, {
				&#39;model&#39;: &#39;rs5&#39;,
				&#39;year&#39;: &#39;2013&#39;
			},
		],

		&#39;ford&#39;: [
			{
				&#39;model&#39;: &#39;mustang&#39;,
				&#39;year&#39;: &#39;2012&#39;
			}, {
				&#39;model&#39;: &#39;fusion&#39;,
				&#39;year&#39;: &#39;2015&#39;
			}
		],

		&#39;kia&#39;: [
			{
				&#39;model&#39;: &#39;optima&#39;,
				&#39;year&#39;: &#39;2012&#39;
			}
		]
	}

How can I group an array of objects by key?

I found this solution. Is it valid?

    import {Component} from &#39;@angular/core&#39;;
    import {Platform} from &#39;ionic-angular&#39;;

    @Component({...})
    export MyApp {
    constructor(platform: Platform) {
      platform.ready().then((readySource) =&gt; {
        console.log(&#39;Width: &#39; + platform.width());
        console.log(&#39;Height: &#39; + platform.height());
      });
     }
    }

This solution is for ionic 2.
can i also used for angular 2?

Please suggest me the right way to do it.

How to get height and width of device display in angular2 using typescript?

I wrote an Angular2 (v2.0.1) application that makes use of the router. The website is loaded with several query string parameters, so the full URL initially looks like this:

    https://my.application.com/?param1=val1&amp;param2=val2&amp;param3=val3

In my route configuration, I have an entry which redirects an empty route:

    const appRoutes: Routes = [
	    {
			path: &#39;&#39;,
			redirectTo: &#39;/comp1&#39;,
			pathMatch: &#39;full&#39;
		},
		{
			path: &#39;comp1&#39;,
			component: FirstComponent
		},
		{
			path: &#39;comp2&#39;,
			component: SecondComponent
		}
	];

My problem is, that after the app has been bootstrapped, the URL does not contain the query parameters anymore, instead it looks like this:

    https://my.application.com/comp1

Is there any way I can configure the router so that it keeps the initial query string when navigating?

Thank you  
Lukas

Angular2 router keep query string

I was trying to find any solution for this error but nothing works for me. I have simple Angular2 App created with Angular-CLI. When I serve this app in browser I&#39;m getting this error: `EXCEPTION: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.`  I was trying using different path in loadChildren: 

    &#39;/app/test.module&#39;
    &#39;./app/test.module&#39;
    &#39;./test.module&#39;
    &#39;/src/app/test.module&#39;

**Folders**

    src/
      app/
        app-routing.module.ts
        app.component.ts
        app.module.ts
        test.component.ts
        test.module.ts

**app.module.ts**
```js
import { BrowserModule } from &#39;@angular/platform-browser&#39;;
import { NgModule } from &#39;@angular/core&#39;;
import { FormsModule } from &#39;@angular/forms&#39;;
import { HttpModule } from &#39;@angular/http&#39;;
    
import { RoutingModule } from &#39;./app-routing.module&#39;;
    
import { AppComponent } from &#39;./app.component&#39;;
    
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```
**app-routing.module.ts**
```js
import { NgModule } from &#39;@angular/core&#39;;
import { Routes, RouterModule } from &#39;@angular/router&#39;;
    
    
const routes: Routes = [
  { path: &#39;&#39;, loadChildren: &#39;/app/test.module&#39; }
];
    
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: []
})
export class RoutingModule { }
```    

**test.module.ts**
```js
import { NgModule } from &#39;@angular/core&#39;;
import { Routes, RouterModule } from &#39;@angular/router&#39;;
import { CommonModule } from &#39;@angular/common&#39;;
import { TestComponent } from &#39;./test.component&#39;;
    
export const routes: Routes = [
    { path: &#39;&#39;, component: TestComponent }
];
    
@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ],
  exports: [TestComponent],
  declarations: [TestComponent]
})
export default class TestModule { }
```    

**stack trace**
```js
        error_handler.js:45EXCEPTION: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.ErrorHandler.handleError @ error_handler.js:45next @ application_ref.js:273schedulerFn @ async.js:82SafeSubscriber.__tryOrUnsub @ Subscriber.js:223SafeSubscriber.next @ Subscriber.js:172Subscriber._next @ Subscriber.js:125Subscriber.next @ Subscriber.js:89Subject.next @ Subject.js:55EventEmitter.emit @ async.js:74onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:64ZoneDelegate.handleError @ zone.js:207Zone.runGuarded @ zone.js:113_loop_1 @ zone.js:379drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.612 error_handler.js:50ORIGINAL STACKTRACE:ErrorHandler.handleError @ error_handler.js:50next @ application_ref.js:273schedulerFn @ async.js:82SafeSubscriber.__tryOrUnsub @ Subscriber.js:223SafeSubscriber.next @ Subscriber.js:172Subscriber._next @ Subscriber.js:125Subscriber.next @ Subscriber.js:89Subject.next @ Subject.js:55EventEmitter.emit @ async.js:74onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:64ZoneDelegate.handleError @ zone.js:207Zone.runGuarded @ zone.js:113_loop_1 @ zone.js:379drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.613 error_handler.js:51Error: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.
        at resolvePromise (zone.js:429)
        at zone.js:406
        at ZoneDelegate.invoke (zone.js:203)
        at Object.onInvoke (ng_zone_impl.js:43)
        at ZoneDelegate.invoke (zone.js:202)
        at Zone.run (zone.js:96)
        at zone.js:462
        at ZoneDelegate.invokeTask (zone.js:236)
        at Object.onInvokeTask (ng_zone_impl.js:34)
        at ZoneDelegate.invokeTask (zone.js:235)ErrorHandler.handleError @ error_handler.js:51next @ application_ref.js:273schedulerFn @ async.js:82SafeSubscriber.__tryOrUnsub @ Subscriber.js:223SafeSubscriber.next @ Subscriber.js:172Subscriber._next @ Subscriber.js:125Subscriber.next @ Subscriber.js:89Subject.next @ Subject.js:55EventEmitter.emit @ async.js:74onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:64ZoneDelegate.handleError @ zone.js:207Zone.runGuarded @ zone.js:113_loop_1 @ zone.js:379drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.614 zone.js:355Unhandled Promise rejection: Cannot find module &#39;/app/test.module&#39;. ; Zone: angular ; Task: Promise.then ; Value: Error: Cannot find module &#39;/app/test.module&#39;.(…) Error: Cannot find module &#39;/app/test.module&#39;.
        at webpackEmptyContext (http://localhost:4200/main.bundle.js:49550:8)
        at SystemJsNgModuleLoader.loadAndCompile (http://localhost:4200/main.bundle.js:57952:40)
        at SystemJsNgModuleLoader.load (http://localhost:4200/main.bundle.js:57945:60)
        at RouterConfigLoader.loadModuleFactory (http://localhost:4200/main.bundle.js:22354:128)
        at RouterConfigLoader.load (http://localhost:4200/main.bundle.js:22346:81)
        at MergeMapSubscriber.project (http://localhost:4200/main.bundle.js:61105:111)
        at MergeMapSubscriber._tryNext (http://localhost:4200/main.bundle.js:32515:27)
        at MergeMapSubscriber._next (http://localhost:4200/main.bundle.js:32505:18)
        at MergeMapSubscriber.Subscriber.next (http://localhost:4200/main.bundle.js:7085:18)
        at ScalarObservable._subscribe (http://localhost:4200/main.bundle.js:48555:24)consoleError @ zone.js:355_loop_1 @ zone.js:382drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.620 zone.js:357Error: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.(…)consoleError @ zone.js:357_loop_1 @ zone.js:382drainMicroTaskQueue @ zone.js:386
```

Angular2 lazy loading module error &#39;cannot find module&#39;

I&#39;m trying to return an observable when I get a certain value in a subscriber, but I fail miserably. 

This is the code:

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable&lt;boolean&gt; {
        // get route to be activated
        this.routeToActivate = route.routeConfig.path;

        // get user access levels        
        return this._firebase.isUserAdmin          &lt;-- returns Subscription, not Observable
            .map(user =&gt; user.access_level)
            .subscribe( access =&gt; {
               // I need to return an observable here
            });
    }

There are not many resources on observables in angular 2, so I don&#39;t know where to start. Can anyone help with this please?

**UPDATE -&gt; Working Version**

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable&lt;boolean&gt; {
                // get route to be activated
                this.routeToActivate = route.routeConfig.path;
        
                // get user access levels        
                return this._firebase.isUserAdmin
                    .map(user =&gt; {
                        let accessLevel = user.access_level;
                        
                        if (accessLevel === &#39;admin&#39; ) {
                            return true;
                        }
        
                    }).first();
            }

How to return observable from subscribe

I am extending String prototype chain with a new method but when I try to use it it throws me an error: `property &#39;padZero&#39; does not exist on type &#39;string&#39;`. Could anyone solve this for me?

The code is below. You can also see the same error in Typescript Playground.

    interface NumberConstructor {
        padZero(length: number);
    }
    interface StringConstructor {
        padZero(length: number): string;
    }
    String.padZero = (length: number) =&gt; {
        var s = this;
        while (s.length &lt; length) {
          s = &#39;0&#39; + s;
        }
        return s;
    };
    Number.padZero = function (length) {
        return String(this).padZero(length);
    }



How to extend String Prototype and use it next, in Typescript?

I see &quot;DefinitelyTyped&quot; is something related to TypeScript/JavaScript development, but I couldn&#39;t understand its use or some code sample to understand about it.

I looked at 
http://definitelytyped.org/  and http://bartvds.github.io/projects/dt.html but couldn&#39;t understand it better.

Any pointers, article, Code sample is much appreciated.

What is &quot;DefinitelyTyped&quot;?

In my angular app at the startup point I&#39;m facing this error:

Cannot read property `visitExpression` of `undefined`

**What could be the problem?**

Cannot read property &#39;visitExpression&#39; of undefined

I have an object `TaskItemVO` with field `dueDate` which has the type `Date`:

    export class TaskItemVO {
        
        public dueDate: Date;
    }

I have this method which I call when I try to sort by date but it is not working:

    public sortByDueDate(): void {
        this.myArray.sort((a: TaskItemVO, b: TaskItemVO) =&gt; {
            return a.dueDate - b.dueDate;

        });
    }


I get this error in the return line of method:

&gt; The right-hand side of an arithmetic operation must be of type &#39;any&#39;, &#39;number&#39; or an enum type.
&gt;
&gt; The left-hand side of an arithmetic operation must be of type &#39;any&#39;, &#39;number&#39; or an enum type.

**So what is the correct way of sorting array by date fields in TypeScript?**


TypeScript sort by date not working

I&#39;m interested in sorting a list from a stream. This is the code I&#39;m using:

    list.stream()
        .sorted((o1, o2)-&gt;o1.getItem().getValue().compareTo(o2.getItem().getValue()))
        .collect(Collectors.toList());

Am I missing something? The list is not sorted afterward.

It should sort the lists according to the item with the lowest value.

    for (int i = 0; i &lt; list.size(); i++)
    {
       System.out.println(&quot;list &quot; + (i+1));
       print(list, i);
    }

And the print method:

	public static void print(List&lt;List&gt; list, int i)
    {
        System.out.println(list.get(i).getItem().getValue());
    }

Sorting a list with stream.sorted() in Java

Give the following array of objects, I need to sort them by the date field ascending.

    var myArray = [
      {
        name: &quot;Joe Blow&quot;,
        date: &quot;Mon Oct 31 2016 00:00:00 GMT-0700 (PDT)&quot;
      },
      {
        name: &quot;Sam Snead&quot;,
        date: &quot;Sun Oct 30 2016 00:00:00 GMT-0700 (PDT)&quot;
      },
      {
        name: &quot;John Smith&quot;,
        date: &quot;Sat Oct 29 2016 00:00:00 GMT-0700 (PDT)&quot;  
      }
    ];

so that in this example, the final result would be John Smith, Sam Snead, and Joe Blow.

I am trying to use lodash&#39;s [_.sortBy()](https://lodash.com/docs/4.17.2#sortBy), but I can&#39;t get any sorting to take place no matter how I try to use it:

    _.sortBy(myArray, function(dateObj) {
      return dateObj.date;
    });

or

    _.sortBy(myArray, &#39;date&#39;);

What do I need to change to get my array sorted properly? I also have Moment.js, so I can use it to format the date string if needed. I tried converting the date property using .unix(), but that didn&#39;t make a difference.

Thanks.

Sort array of objects with date field by date

I was thinking about sorting algorithms in software, and possible ways one could surmount the `O(nlogn)` roadblock. I don&#39;t think it IS possible to sort faster in a practical sense, so please don&#39;t think that I do.

With that said, it seems with almost all sorting algorithms, the software must know the position of each element. Which makes sense, otherwise, how would it know where to place each element according to some sorting criteria?

But when I crossed this thinking with the real world, a centrifuge has no idea what position each molecule is in when it &#39;sorts&#39; the molecules by density. In fact, it doesn&#39;t care about the position of each molecule. However it can sort trillions upon trillions of items in a relatively short period of time, due to the fact that each molecule follows density and gravitational laws - which got me thinking.

Would it be possible with some overhead on each node (some value or method tacked on to each of the nodes) to &#39;force&#39; the order of the list? Something like a centrifuge, where only each element cares about its relative position in space (in relation to other nodes). Or, does this violate some rule in computation?

I think one of the big points brought up here is the quantum mechanical effects of nature and how they apply in parallel to all particles simultaneously.

Perhaps classical computers inherently restrict sorting to the domain of `O(nlogn)`, where as quantum computers may be able to cross that threshold into `O(logn)` algorithms that act in parallel.

The point that a centrifuge being basically a [parallel bubble sort][1] seems to be correct, which has a time complexity of `O(n)`.

I guess the next thought is that if nature can sort in `O(n)`, why can&#39;t computers?

  [1]: http://www.personal.kent.edu/~rmuhamma/Algorithms/MyAlgorithms/Sorting/bubbleSort.htm


Sorting in Computer Science vs. sorting in the &#39;real&#39; world

I am trying to sort an array by &#39;name&#39; value (using Lodash). I used the Lodash docs to create the solution below however .orderBy doesn&#39;t seem to be having any affect at all. Can anyone shed some light on the correct way to sort array?

**Chars Array**

    [  
       {  
          &quot;id&quot;:25,
          &quot;name&quot;:&quot;Anakin Skywalker&quot;,
          &quot;createdAt&quot;:&quot;2017-04-12T12:48:55.000Z&quot;,
          &quot;updatedAt&quot;:&quot;2017-04-12T12:48:55.000Z&quot;
       },
       {  
          &quot;id&quot;:1,
          &quot;name&quot;:&quot;Luke Skywalker&quot;,
          &quot;createdAt&quot;:&quot;2017-04-12T11:25:03.000Z&quot;,
          &quot;updatedAt&quot;:&quot;2017-04-12T11:25:03.000Z&quot;
       }
    ]


**Function Code**


     var chars = this.state.characters;

     _.orderBy(chars, &#39;name&#39;, &#39;asc&#39;); // Use Lodash to sort array by &#39;name&#39;

     this.setState({characters: chars})



Content Type	Original Author	Original Content on Stackoverflow
Question	Manohar	View Question on Stackoverflow
Solution 1 - Javascript	toskv	View Answer on Stackoverflow

How to sort object array based on key in typescript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to read multiple times from same io.Reader

How to add user with dockerfile?

Attributions