Detailed explanation of the steps to implement json object array sorting by object properties in JS-JS Tutorial-php.cn

Detailed explanation of the steps to implement json object array sorting by object properties in JS

php中世界最好的语言

Release： 2018-05-23 10:06:56

Original

2826 people have browsed it

This time I will bring you a detailed explanation of the steps for JS to implement json object array sorting by object properties. What are the precautions for JS to implement json object array sorting by object properties. The following is a practical case. Let’s take a look. one time.

In actual work, such a problem often occurs: there are i json data in an array returned in the background, and we need to sort the array according to a certain item in the json.

For example, the returned data structure is probably like this:

{
  result:[
   {id:1,name:'中国银行'},
   {id:3,name:'北京银行'},
   {id:2,name:'河北银行'},
   {id:10,name:'保定银行'},
   {id:7,name:'涞水银行'}
  ]
}

Copy after login

Now we need to sort according to the size of the id according to business needs, and rearrange the array in the order of json with a small id to json with a large id. The order

Add the sorting method in js:

Here

Use JavaScript sort() method, first explain the sort method

Syntax:

arrayObject.sort(sortby)

sortby: Optional, specifies the sorting order. Must be a function.

If this method is called without parameters, the elements in the array will be sorted alphabetically, or more precisely, in character encoding order. To achieve this, the elements of the array should first be converted into

strings (if necessary) for comparison.

If you want to sort by other criteria, you need to provide a comparison function, which compares two values and returns a number that describes the relative order of the two values. The comparison function should have two parameters a and b, and its return value is as follows:

If a is less than b, a should appear before b in the sorted array, then a value less than 0 is returned.

If a is equal to b, return 0.
If a is greater than b, return a value greater than 0.

Let’s start using

sort(sortby) to perform this sorting and print it to the console:

function sortId(a,b){
  return a.id-b.id
}
result.sort(sortId);
console.log(result);

Copy after login

Complete test sample code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.jb51.net 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>

Copy after login

Then Check the console, the sorting is successful:

# I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!