排序对象数组JavaScript Array Sort (多个对象排列)

最新推荐文章于 2023-03-01 14:42:23 发布

zgjx2019

最新推荐文章于 2023-03-01 14:42:23 发布

阅读量316

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/zgjxyszh/article/details/79555369

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>demo</title>
	<meta charset="utf-8">
</head>
<body>
<h2>JavaScript Array Sort (多个对象排列)</h2>
<p>Click the buttons to sort car objects on type.</p>
<button οnclick="myFunction1()">Sort(year)</button>
<button οnclick="myFunction2()">Sort(type)</button>
<p id="demo"></p>

<script>
var cars = [{type:"ford", year:2019},{type:"honda", year:2006},{type:"Volvo", year:2016},{type:"Saab", year:2001},{type:"BMW", year:2010}]
displayCars();
function myFunction1() {
    cars.sort(numb);
    displayCars();
}

function myFunction2() {
    cars.sort(st);
    displayCars();
}

function numb(a, b){
        var x = a.year;
        var y = b.year;
        return x-y;
    }

function st(a, b){
        var x = a.type.toLowerCase();
        var y = b.type.toLowerCase();
        if (x < y) {return -1;}
        if (x > y) {return 1;}
        return 0;
}

function displayCars() {
	var len = cars.length;
	var str = "";
	for (var i = 0; i < len; i++) {
		str += cars[i].type + " " + cars[i].year + "<br>";
	}
  	document.getElementById("demo").innerHTML = str;
}
</script>

</body>
</html>