一、怎样使用JS实现json对象数组按对象属性排序
这次给大家带来怎样使用JS实现json对象数组按对象属性排序，使用JS实现json对象数组按对象属性排序的注意事项有哪些，下面就是实战案例，一起来看一下。
在实际工作经常会出现这样一个问题：后台返回一个数组中有i个json数据，需要我们根据json中某一项进行数组的排序。
例如返回的数据结构大概是这样：
{
result:[
{id:1,name:'中国银行'},
{id:3,name:'北京银行'},
{id:2,name:'河北银行'},
{id:10,name:'保定银行'},
{id:7,name:'涞水银行'}
]
}现在我们根据业务需要，要根据id的大小进行排序，按照id小的json到id大的json顺序重新排列数组的顺序
在js中添加排序的方法：
这里使用JavaScript sort()方法，首先解释下这个sort的方法
语法：arrayObject.sort(sortby)
sortby：可选，规定排序顺序。必须是函数。
如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。
如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a和 b，其返回值如下：
若 a小于 b，在排序后的数组中 a应该出现在 b之前，则返回一个小于 0的值。
若 a等于 b，则返回 0。
若 a大于 b，则返回一个大于 0的值。
下面开始使用sort(sortby)来进行这个排序，并打印到控制台：
function sortId(a,b){
return a.id-b.id
}
result.sort(sortId);
console.log(result);完整测试示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.gxlcms.com json数组排序</title>
</head>
<body>
<script>
var result= [
{id:1,name:'中国银行'},
{id:3,name:'北京银行'},
{id:2,name:'河北银行'},
{id:10,name:'保定银行'},
{id:7,name:'涞水银行'}
]
function sortId(a,b){
return a.id-b.id
}
result.sort(sortId);
console.log(result);
</script>
</body>
</html>然后查看控制台，排序成功：
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
vuex入门教学步奏详解
怎样对vuex进阶使用
使用vue-admin-template优化步骤详解
二、javascript中文按照拼音首字母排序,如何实现
中文拼音排序一直都是很有趣的一个问题。推荐使用这个函数 String.prototype.localeCompare()，链接 MDN。首先用 localeCompare试下拼音排序
var array= ['武汉','北京','上海','天津'];
array.sort(
function compareFunction(param1, param2){
return param1.localeCompare(param2);
}
);
array// ["北京","上海","天津","武汉"]
然后根据 26个英文字母分组排序，函数如下，
function pySegSort(arr){
if(!String.prototype.localeCompare)
return null;
var letters="*abcdefghjklmnopqrstwxyz".split('');
var zh="阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀".split('');
var segs= [];
var curr;
letters.forEach(function(item,i){
curr={letter: item, data:[]};
arr.forEach(function(item2){
if((!zh[i-1]|| zh[i-1].localeCompare(item2)<= 0)&& item2.localeCompare(zh[i])==-1){
curr.data.push(item2);
}
});
if(curr.data.length){
segs.push(curr);
curr.data.sort(function(a,b){
return a.localeCompare(b);
});
}
});
return segs;
}
测试：
pySegSort(["我","不","懂","爱","啊","按","已","呀","选","县"])
结果：
[{"letter":"a","data":["啊","爱","按"]},{"letter":"b","data":["不"]},{"letter":"d","data":["懂"]},{"letter":"w","data":["我"]},{"letter":"x","data":["县","选"]},{"letter":"y","data":["呀","已"]}]
关于本次js实现按首字母排序_js 首字母排序和javascript中文按照拼音首字母排序,如何实现的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。
