blocks|key|3198574|text|如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3198575|array.sort(function(a,+b){
+var+nameA=a.name.toLowerCase(),+nameB=b.name.toLowerCase();
+if+(nameA+<+nameB)+//sort+string+ascending
++return+-1;
+if+(nameA+>+nameB)
++return+1;
+return+0;+//default+return+value+(no+sorting)
});|code-block|syntax|javascript|3198576|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Something like this:

<pre><code>array.sort(function(a, b){
 var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase();
 if (nameA &lt; nameB) //sort string ascending
 return -1;
 if (nameA &gt; nameB)
 return 1;
 return 0; //default return value (no sorting)
});
</code></pre>

blocks|key|3483405|text|假设您有一个数组users。您可以使用users.sort并传递一个接受两个参数并进行比较的函数(比较器)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3483406|它应该会返回|3483407|如果第一个参数小于第二个参数，则为负的元素(如果第一个参数大于第二个参数，则应放在第二个参数的前面(如果第一个参数大于第二个参数，则应放在第二个参数之后)。|3483408|0，如果这两个元素相等，则|unordered-list-item|3483409|
|3483410|0。|3483411|3483412|在我们的例子中，如果两个元素是a和b，我们想要比较a.firstname和b.firstname|3483413|示例：|3483414|users.sort(function(a,+b){
++++if(a.firstname+<+b.firstname)+{+return+-1;+}
++++if(a.firstname+>+b.firstname)+{+return+1;+}
++++return+0;
})|code-block|syntax|javascript|3483415|这段代码适用于任何类型。|3483416|请注意，在“现实生活”™中，当您比较字符串时，您通常希望忽略大小写，正确排序变音符号，奇怪的符号，等等，所以您可能想要使用localeCompare。为了清楚起见，请参阅其他答案。|3483417|entityMap^0|8|5|J|A|0|0|0|0|0|0|0|F|1|H|1|P|B|11|B|0|0|0|0|1P|D|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1C|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1D|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1E|8|@]|D|@]|E|$]]|$1|O|3|P|5|L|7|1F|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]|$1|R|3|S|5|6|7|1H|8|@$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]|$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|T|3|U|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|V|3|W|5|X|7|1R|8|@]|D|@]|E|$Y|Z]]|$1|10|3|11|5|6|7|1S|8|@]|D|@]|E|$]]|$1|12|3|13|5|6|7|1T|8|@$9|1U|A|1V|B|C]]|D|@]|E|$]]|$1|14|3|-4|5|6|7|1W|8|@]|D|@]|E|$]]]|15|$]]

Suppose you have an array <code>users</code>. You may use <code>users.sort</code> and pass a function that takes two arguments and compare them (comparator)
It should return
<ul>
<li>something negative if first argument is less than second (should be placed before the second in resulting array)</li>
<li>something positive if first argument is greater (should be placed after second one)</li>
<li>0 if those two elements are equal.</li>
</ul>
In our case if two elements are <code>a</code> and <code>b</code> we want to compare <code>a.firstname</code> and <code>b.firstname</code>
Example:
<pre><code>users.sort(function(a, b){
 if(a.firstname &lt; b.firstname) { return -1; }
 if(a.firstname &gt; b.firstname) { return 1; }
 return 0;
})
</code></pre>
This code is going to work with any type.
Note that in &quot;real life&quot;™ you often want to ignore case, correctly sort diacritics, weird symbols like ß, etc when you compare strings, so you may want to use <code>localeCompare</code>. See other answers for clarity.

blocks|key|1583638|text|基本上，您可以使用排序方法对数组进行排序，但如果您想对对象进行排序，则必须将函数传递给数组的排序方法，所以我将使用您的数组给出一个示例|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1583639|user+=+[{
bio:+"<null>",
email:+"user@domain.com",
firstname:+'Anna',
id:+318,
"last_avatar":+"<null>",
"last_message":+"<null>",
lastname:+'Nickson',
nickname:+'anny'
},
{
bio:+"<null>",
email:+"user@domain.com",
firstname:+'Senad',
id:+318,
"last_avatar":+"<null>",
"last_message":+"<null>",
lastname:+'Nickson',
nickname:+'anny'
},
{
bio:+"<null>",
email:+"user@domain.com",
firstname:+'Muhamed',
id:+318,
"last_avatar":+"<null>",
"last_message":+"<null>",
lastname:+'Nickson',
nickname:+'anny'
}];

var+ar+=+user.sort(function(a,+b)
{
++var+nA+=+a.firstname.toLowerCase();
++var+nB+=+b.firstname.toLowerCase();

++if(nA+<+nB)
++++return+-1;
++else+if(nA+>+nB)
++++return+1;
+return+0;
});|code-block|syntax|javascript|1583640|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Basically you can sort arrays with method sort, but if you want to sort objects then you have to pass function to sort method of array, so I will give you an example using your array

<pre><code>user = [{
bio: "&lt;null&gt;",
email: "user@domain.com",
firstname: 'Anna',
id: 318,
"last_avatar": "&lt;null&gt;",
"last_message": "&lt;null&gt;",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "&lt;null&gt;",
email: "user@domain.com",
firstname: 'Senad',
id: 318,
"last_avatar": "&lt;null&gt;",
"last_message": "&lt;null&gt;",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "&lt;null&gt;",
email: "user@domain.com",
firstname: 'Muhamed',
id: 318,
"last_avatar": "&lt;null&gt;",
"last_message": "&lt;null&gt;",
lastname: 'Nickson',
nickname: 'anny'
}];

var ar = user.sort(function(a, b)
{
 var nA = a.firstname.toLowerCase();
 var nB = b.firstname.toLowerCase();

 if(nA &lt; nB)
 return -1;
 else if(nA &gt; nB)
 return 1;
 return 0;
});
</code></pre>

blocks|key|3483488|text|如果比较的字符串包含unicode字符，则可以使用String类的localeCompare+function，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3483489|users.sort(function(a,b){
++++return+a.firstname.localeCompare(b.firstname);
})|code-block|syntax|javascript|3483490|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare^0|P|6|X|D|X|M|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

If compared strings contain unicode characters you can use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare"><code>localeCompare</code> function</a> of <code>String</code> class like the following:

<pre><code>users.sort(function(a,b){
 return a.firstname.localeCompare(b.firstname);
})
</code></pre>

blocks|key|24298|text|underscorejs提供了非常好的_.sortBy函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|24299|_.sortBy([{a:1},{a:3},{a:2}],+"a")|code-block|syntax|javascript|24300|或者，您可以使用自定义排序函数：|24301|_.sortBy([{a:"b"},{a:"c"},{a:"a"}],+function(i)+{return+i.a.toLowerCase()})|24302|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/#sortBy^0|0|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<a href="http://underscorejs.org/#sortBy">underscorejs</a> offers the very nice _.sortBy function:

<pre><code>_.sortBy([{a:1},{a:3},{a:2}], "a")
</code></pre>

or you can use a custom sort function:

<pre><code>_.sortBy([{a:"b"},{a:"c"},{a:"a"}], function(i) {return i.a.toLowerCase()})
</code></pre>

blocks|key|24310|text|一种更紧凑的符号：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|24311|user.sort(function(a,+b){
++++return+a.firstname+===+b.firstname+?+0+:+a.firstname+<+b.firstname+?+-1+:+1;
})|code-block|syntax|javascript|24312|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

A more compact notation:

<pre><code>user.sort(function(a, b){
 return a.firstname === b.firstname ? 0 : a.firstname &lt; b.firstname ? -1 : 1;
})
</code></pre>

blocks|key|3198795|text|您可以使用类似的方法，去掉区分大小写的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3198796|users.sort(function(a,+b){

++//compare+two+values
++if(a.firstname.toLowerCase()+<+b.firstname.toLowerCase())+return+-1;
++if(a.firstname.toLowerCase()+>+b.firstname.toLowerCase())+return+1;
++return+0;

})|code-block|syntax|javascript|3198797|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use something similar, to get rid of case sensitive 

<pre><code>users.sort(function(a, b){

 //compare two values
 if(a.firstname.toLowerCase() &lt; b.firstname.toLowerCase()) return -1;
 if(a.firstname.toLowerCase() &gt; b.firstname.toLowerCase()) return 1;
 return 0;

})
</code></pre>

blocks|key|3198827|text|将排名靠前的答案放入原型中，以便按键排序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3198828|Array.prototype.alphaSortByKey=+function+(key)+{
++++this.sort(function+(a,+b)+{
++++++++if+(a[key]+<+b[key])
++++++++++++return+-1;
++++++++if+(a[key]+>+b[key])
++++++++++++return+1;
++++++++return+0;
++++});
++++return+this;
};|code-block|syntax|javascript|3198829|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Pushed the top answers into a prototype to sort by key.

<pre><code>Array.prototype.alphaSortByKey= function (key) {
 this.sort(function (a, b) {
 if (a[key] &lt; b[key])
 return -1;
 if (a[key] &gt; b[key])
 return 1;
 return 0;
 });
 return this;
};
</code></pre>

blocks|key|3483626|text|漂亮的小ES6+one+liner：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3483627|users.sort((a,+b)+=>+a.firstname+!==+b.firstname+?+a.firstname+<+b.firstname+?+-1+:+1+:+0);|code-block|syntax|javascript|3483628|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Nice little ES6 one liner:

<pre><code>users.sort((a, b) =&gt; a.firstname !== b.firstname ? a.firstname &lt; b.firstname ? -1 : 1 : 0);
</code></pre>

blocks|key|24225|text|用ES6编写尽可能短的代码！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|24226|users.sort((a,+b)+=>+a.firstname.localeCompare(b.firstname))|code-block|syntax|javascript|24227|String.prototype.localeCompare()+basic支持是通用的！|offset|length|24228|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#Browser_compatibility^0|0|0|0|W|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Shortest possible code with ES6!
<pre><code>users.sort((a, b) =&gt; a.firstname.localeCompare(b.firstname))
</code></pre>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#Browser_compatibility" rel="noreferrer">String.prototype.localeCompare()</a> basic support is universal!

blocks|key|24380|text|简而言之，您可以使用此方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|24381|users.sort(function(a,b){return+a.firstname+<+b.firstname+?+-1+:+1});|code-block|syntax|javascript|24382|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

in simply words you can use this method

<pre><code>users.sort(function(a,b){return a.firstname &lt; b.firstname ? -1 : 1});
</code></pre>

blocks|key|1583920|text|您可以将其用于对象|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1583921|transform(array:+any[],+field:+string):+any[]+{
return+array.sort((a,+b)+=>+a[field].toLowerCase()+!==+b[field].toLowerCase()+?+a[field].toLowerCase()+<+b[field].toLowerCase()+?+-1+:+1+:+0);}|code-block|syntax|javascript|1583922|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use this for objects

<pre><code>transform(array: any[], field: string): any[] {
return array.sort((a, b) =&gt; a[field].toLowerCase() !== b[field].toLowerCase() ? a[field].toLowerCase() &lt; b[field].toLowerCase() ? -1 : 1 : 0);}
</code></pre>

blocks|key|3483804|text|我们可以使用localeCompare，但也需要检查键的False值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3483805|如果一个条目缺少lname，下面的代码将不起作用。|3483806|obj.sort((a,+b)+=>+a.lname.localeCompare(b.lname))|code-block|syntax|javascript|3483807|因此，我们需要检查False值，如下所示|3483808|​|3483809|let+obj=[
{name:'john',lname:'doe',address:'Alaska'},
{name:'tom',lname:'hopes',address:'California'},
{name:'harry',address:'Texas'}
]
let+field='lname';
console.log(obj.sort((a,+b)+=>+(a[field]+%7C%7C+"").toString().localeCompare((b[field]+%7C%7C+"").toString())));|3483810|3483811|或|3483812|我们可以使用lodash，它非常简单。它将检测返回值，即数字或字符串，并相应地进行排序。|3483813|import+sortBy+from+'lodash/sortBy';
sortBy(obj,'name')|3483814|https://lodash.com/docs/4.17.5#sortBy|offset|length|3483815|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|0|0|0|0|0|11|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|19|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|O|3|L|5|6|7|1C|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1D|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1E|8|@]|9|@]|A|$]]|$1|T|3|U|5|F|7|1F|8|@]|9|@]|A|$G|H]]|$1|V|3|W|5|6|7|1G|8|@]|9|@$X|1H|Y|1I|1|1J]]|A|$]]|$1|Z|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|W]]]]

We can use localeCompare but need to check the keys as well for falsey values

The code below will not work if one entry has missing lname.

<pre><code>obj.sort((a, b) =&gt; a.lname.localeCompare(b.lname))
</code></pre>

So we need to check for falsey value like below

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let obj=[
{name:'john',lname:'doe',address:'Alaska'},
{name:'tom',lname:'hopes',address:'California'},
{name:'harry',address:'Texas'}
]
let field='lname';
console.log(obj.sort((a, b) =&gt; (a[field] || "").toString().localeCompare((b[field] || "").toString())));</code></pre>
</div>
</div>


OR 

we can use lodash , its very simple. It will detect the returned values i.e whether number or string and do sorting accordingly . 

<pre><code>import sortBy from 'lodash/sortBy';
sortBy(obj,'name')
</code></pre>

<a href="https://lodash.com/docs/4.17.5#sortBy" rel="noreferrer">https://lodash.com/docs/4.17.5#sortBy</a>

blocks|key|3483828|text|灵感来自this+answer，|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3483829|users.sort((a,b)+=>+(a.firstname++-+b.firstname));|code-block|syntax|javascript|3483830|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/18920254/872188^0|4|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Inspired from <a href="https://stackoverflow.com/a/18920254/872188">this</a> answer,

<pre><code>users.sort((a,b) =&gt; (a.firstname - b.firstname));
</code></pre>

blocks|key|3483851|text|同样对于asec和desc排序，你也可以使用这个:假设我们有一个变量SortType，它指定了你想要的升序排序或降序排序：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3483852|+users.sort(function(a,b){
++++++++++++return+++sortType==="asc"?+a.firstName.localeCompare(+b.firstName):+-(+a.firstName.localeCompare(++b.firstName));
++++++++})|code-block|syntax|javascript|3483853|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

also for both asec and desc sort, u can use this :
suppose we have a variable SortType that specify ascending sort or descending sort you want:

<pre><code> users.sort(function(a,b){
 return sortType==="asc"? a.firstName.localeCompare( b.firstName): -( a.firstName.localeCompare( b.firstName));
 })
</code></pre>

blocks|key|3483891|text|如果我们要对名称或带有特殊字符的内容进行排序，如ñ或áéíóú+(西班牙语中的commons)，我们可以使用params+locales+(在本例中为西班牙语的es)和options，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3483892|​|3483893|let+user+=+[{'firstname':+'Az'},{'firstname':+'Áb'},{'firstname':'ay'},{'firstname':+'Ña'},{'firstname':+'Nz'},{'firstname':+'ny'}];


user.sort((a,+b)+=>+a.firstname.localeCompare(b.firstname,+'es',+{sensitivity:+'base'}))


console.log(user)|code-block|syntax|javascript|3483894|3483895|官方语言环境选项可以在iana、es+(西班牙语)、de+(德语)、fr+(法语)中找到。关于sensitivity+base意味着：|3483896|3483897|只有基本字母不同的字符串才会比较为不相等。例如:a≠b，a=α，a=A。|blockquote|3483898|3483899|entityMap|0|LINK|mutability|MUTABLE|url|https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#Parameters^0|O|1|Q|5|1P|7|2C|7|0|0|0|0|1N|4|B|4|0|1B|B|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1D|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|1F|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@$9|1J|A|1K|1|1L]|$9|1M|A|1N|1|1O]]|E|$]]|$1|P|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]|$1|Q|3|R|5|S|7|1Q|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]|12|$5|X|Y|Z|E|$10|13]]]]

In case we are sorting names or something with special characters, like ñ or áéíóú (commons in Spanish) we could use the params locales (es for spanish in this case ) and options like this:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let user = [{'firstname': 'Az'},{'firstname': 'Áb'},{'firstname':'ay'},{'firstname': 'Ña'},{'firstname': 'Nz'},{'firstname': 'ny'}];


user.sort((a, b) =&gt; a.firstname.localeCompare(b.firstname, 'es', {sensitivity: 'base'}))


console.log(user)</code></pre>
</div>
</div>


The oficial locale options could be found here in <a href="https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry" rel="noreferrer">iana</a>, es (spanish), de (German), fr (French). About <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#Parameters" rel="noreferrer">sensitivity</a> base means: 

<blockquote>
 Only strings that differ in base letters compare as unequal. Examples: a ≠ b, a = á, a = A.
</blockquote>

blocks|key|24499|text|一个广义函数可以像下面这样写成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|24500|++++function+getSortedData(data,+prop,+isAsc)+{
++++++++return+data.sort((a,+b)+=>+(a[prop]+<+b[prop]+?+-1+:+1)+*+(isAsc+?+1+:+-1));
+++}|code-block|syntax|javascript|24501|您可以传递以下参数|24502|最后一个参数是boolean类型的，最后一个参数是|24503|ordered-list-item|24504|24505|，最后一个参数是boolean类型。它检查您是要按升序排序还是按降序排序|24506|24507|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|-4|5|L|7|W|8|@]|9|@]|A|$]]|$1|M|3|-4|5|L|7|X|8|@]|9|@]|A|$]]|$1|N|3|O|5|L|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|R|$]]

A generalized function can be written like below

<pre><code> function getSortedData(data, prop, isAsc) {
 return data.sort((a, b) =&gt; (a[prop] &lt; b[prop] ? -1 : 1) * (isAsc ? 1 : -1));
 }
</code></pre>

you can pass the below parameters

<ol>
<li>The data which you want to sort</li>
<li>The property in the data by it should be sorted</li>
<li>The last parameter is of boolean type. It checks if you want to sort by ascending or by descending </li>
</ol>

blocks|key|24509|text|试一试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|24510|users.sort((a,b)=>+(a.firstname>b.firstname)*2-1)|code-block|syntax|javascript|24511|​|24512|var+users+=+[
++{+firstname:+"Kate",+id:+318,+/*...*/+},
++{+firstname:+"Anna",+id:+319,+/*...*/+},
++{+firstname:+"Cristine",+id:+317,+/*...*/+},
]

console.log(users.sort((a,b)=>+(a.firstname>b.firstname)*2-1)+);|24513|24514|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|O|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|P|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|K|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

try

<pre><code>users.sort((a,b)=&gt; (a.firstname&gt;b.firstname)*2-1)
</code></pre>

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var users = [
 { firstname: "Kate", id: 318, /*...*/ },
 { firstname: "Anna", id: 319, /*...*/ },
 { firstname: "Cristine", id: 317, /*...*/ },
]

console.log(users.sort((a,b)=&gt; (a.firstname&gt;b.firstname)*2-1) );</code></pre>
</div>
</div>

blocks|key|3483997|text|我的实现在旧的ES版本中工作得很好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3483998|sortObject+=+function(data)+{
++++var+keys+=+Object.keys(data);
++++var+result+=+{};

++++keys.sort();

++++for(var+i+=+0;+i+<+keys.length;+i%2B%2B)+{
++++++++var+key+=+keys[i];

++++++++result[key]+=+data[key];
++++}

++++return+result;
};|code-block|syntax|javascript|3483999|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My implementation, works great in older ES versions:

<pre><code>sortObject = function(data) {
 var keys = Object.keys(data);
 var result = {};

 keys.sort();

 for(var i = 0; i &lt; keys.length; i++) {
 var key = keys[i];

 result[key] = data[key];
 }

 return result;
};
</code></pre>

blocks|key|3484080|text|仅供记录，如果您想要有一个命名的排序函数，语法如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3484081|let+sortFunction+=+(a,+b)+=>+{
+if(a.firstname+<+b.firstname)+{+return+-1;+}
+if(a.firstname+>+b.firstname)+{+return+1;+}
+return+0;
})
users.sort(sortFunction)|code-block|syntax|javascript|3484082|请注意，以下内容不起作用：|3484083|users.sort(sortFunction(a,b))|3484084|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Just for the record, if you want to have a named sort-function, the syntax is as follows: 

<pre><code>let sortFunction = (a, b) =&gt; {
 if(a.firstname &lt; b.firstname) { return -1; }
 if(a.firstname &gt; b.firstname) { return 1; }
 return 0;
})
users.sort(sortFunction)
</code></pre>

Note that the following does NOT work: 

<pre><code>users.sort(sortFunction(a,b))
</code></pre>

blocks|key|3484115|text|我很惊讶没有人提到排序器。除非迫不得已，否则您不应该使用localeCompare，因为它的性能要差得多。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3484116|const+collator+=+new+Intl.Collator('zh-CN');+//+Chinese+Simplified+for+example

function+sortAsc(a,+b)+{
++if+(typeof+a+===+'string'+&&+typeof+b+===+'string')+{
++++return+collator.compare(b,+a)
++}

++return+b+-+a;
}

function+sortDesc(a,+b)+{
++if+(typeof+a+===+'string'+&&+typeof+b+===+'string')+{
++++return+collator.compare(a,+b);
++}

++return+a+-+b;
}|code-block|syntax|javascript|3484117|entityMap^0|S|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I'm surprised no one mentioned Collators. You shouldn't use <code>localeCompare</code> unless you have to as it has significantly worse performance.
<pre><code>const collator = new Intl.Collator('zh-CN'); // Chinese Simplified for example

function sortAsc(a, b) {
 if (typeof a === 'string' &amp;&amp; typeof b === 'string') {
 return collator.compare(b, a)
 }

 return b - a;
}

function sortDesc(a, b) {
 if (typeof a === 'string' &amp;&amp; typeof b === 'string') {
 return collator.compare(a, b);
 }

 return a - b;
}
</code></pre>

blocks|key|1584300|text|对于双因素排序(姓名和姓氏)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1584301|​|1584302|users.sort((a,+b)+=>+a.name.toLowerCase()+<+b.name.toLowerCase()+?+-1+:+a.name.toLowerCase()+>+b.name.toLowerCase()+?+1+:+a.lastname.toLowerCase()+<+b.lastname.toLowerCase()+?+-1+:+a.lastname.toLowerCase()+>+b.lastname.toLowerCase()+?+1+:+0)|code-block|syntax|javascript|1584303|1584304|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

for a two factors sort (name and lastname):
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>users.sort((a, b) =&gt; a.name.toLowerCase() &lt; b.name.toLowerCase() ? -1 : a.name.toLowerCase() &gt; b.name.toLowerCase() ? 1 : a.lastname.toLowerCase() &lt; b.lastname.toLowerCase() ? -1 : a.lastname.toLowerCase() &gt; b.lastname.toLowerCase() ? 1 : 0)</code></pre>
</div>
</div>

I got an array (see below for one object in the array) that I need to sort by firstname using JavaScript.
How can I do it?

<pre><code>var user = {
 bio: null,
 email: "user@domain.com",
 firstname: "Anna",
 id: 318,
 lastAvatar: null,
 lastMessage: null,
 lastname: "Nickson",
 nickname: "anny"
};
</code></pre>

Sort array by firstname (alphabetically) in Javascript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我得到了一个数组(参见下面的数组中的一个对象)，我需要使用JavaScript按名字进行排序。我该怎么做呢？var user = {   bio: null,   email:  "user@domain.com",   firstname: "Anna",   id: 318,   lastAvatar: null,...

问在Javascript中按名字(字母顺序)对数组排序
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Javascript中按名字(字母顺序)对数组排序EN