js数组对象排序,js数组从小到大排序
大家好,今天小编来为大家解答以下的问题,关于js数组对象排序,js数组从小到大排序这个很多人还不知道,现在让我们一起来看看吧!
怎样使用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优化步骤详解
js使用Array.prototype.sort()对数组对象排序的方法
本文实例讲述了js使用Array.prototype.sort()对数组对象排序的方法。分享给大家供大家参考。具体分析如下:
在讲对数组对象进行排序时,我们先来简单的了解一下Array.prototype.sort()。sort方法接受一个参数——Function,function会提供两个参数,分别是两个进行比较的元素,如果元素是String类型则通过Unicode
code进行比较,如果是Number类型则比较值的大小。如果比较的函数中返回1则两个元素交换位置,0和-1不交换位置。先看一个例子:
复制代码
代码如下:var
arr
=
[3,
5,
2,
1];
//
从小到大排序
arr.sort(function
(a,
b)
{
return
a
>
b
?
1
:
-1;
});
//
得到的结果:[1,
2,
3,
5]
那么回到我们的主题,如果是对一个数组对象进行排序,该怎么写呢?其实原理和上面一样,如:
复制代码
代码如下:var
arr
=
[
{
a
:
2,
b
:
3.2},
{
a
:
3,
b
:
1.2},
{
a
:
4,
b
:
2.2},
{
a
:
6,
b
:
1.2},
{
a
:
5,
b
:
3.2}
]
///
从小到大按属性b排序
arr.sort(function(x,
y){
return
x.b
>
y.b
?
1:-1;
});
x和y就是arr的一个元素,即一个对象,所以直接比较两个对象的属性即可。
上面的例子中,最小的元素中有重复,如果需求是:先按b属性从小到大排序,如果最小中有重复则再按a属性排序,那应该怎么写呢?
在排序的时候,先按b属性排序,如果x.b的大于y.b则将x移到y的右边,如果x.b等于y.b则再通过x.a和y.a进行比较,所以代码如下:
复制代码
代码如下:arr.sort(function
(x,
y)
{
if
(x.b
>
y.b)
{
return
1;
}
else
if
(x.b
===
y.b)
{
return
x.a
>
y.a
?
1
:
-1;
}
else
if
(x.b
<
y.b)
{
return
-1;
}
})
希望本文所述对大家的javascript程序设计有所帮助。
js 数组 数据去重排序
1.概念(什么叫数组):
数组是一个可以存储一组或一系列相关数据的容器。
2.数组元素(数组的内容)
是指存储在数组中并赋予唯一索引号(下标)的数据段。
数组元素的数据类型可以不相同。
通过下标或者索引号能获取到数组相对应得内容。
3.作用:
为了解决大量相关数据的存储和使用的问题。
4:创建数组的方法:
格1:通过关键字new创建数组
var arr=new Array(0,1,2,3)
格2:通过字面量创建数组(通过中括号创建数组)
var arr=[0,1,2,3];
不同点:
(1)创建方式和形式不同
(2)数组中如果是一个数字的话,就是一个值
eg:var arr=[4];这个数组中只有一个数字的话,就是一个数
var arr=new Arrary(4);这个数组中只有一个数字的话,表示分配的空间
5:获取数组的长度属性 length
6:instanceof用于判断一个变量是否是某个对象的实例
var a=["静夜思","野草","忆江南","浣溪沙"];
var a=45;
alert(a instanceof Array);
7: new Array()对象方法
slice()获取数组中的某段数组元素
(取值是以下标开始,0代表第一个值,从前往后算,-1代表最后一个值,从后往前算)
unshift()在数组开头添加元素
push()在数组末尾添加元素
shift()删除数组中的第一个元素
pop()删除数组中的最后一个元素
toString()将数组转换为字符串
join()将数组元素连接成字符串
concat()多个数组连接成字符串
sort()数组元素正排序
reverse()数组元素反向排序
splice()删除数组元素/替换数组元素
indexOf()指定数组中元素首次出现的下标,找不到元素返回-1
8:多维数组输出
9:数组去重
10:数组排序
11:数组去重+排序
OK,本文到此结束,希望对大家有所帮助。