js中的数组对象排序分析

本文将为大家深入JavaScript中数组对象的排序知识，帮助大家在日后的开发过程中更加灵活地运用这些知识。

一、普通数组排序

在JavaScript中，我们可以使用sort()方法对数组进行排序。sort()方法可以接受一个可选参数，即比较函数，用于确定元素的顺序。如果省略此参数，数组中的元素将按照ASCII字符顺序进行排序。

例如：

```javascript

var arr = ["a", "b", "A", "B"];

arr.sort();

console.log(arr); // 输出结果：["A", "B", "a", "b"]

```

如果数组元素是数字，直接使用sort()方法可能会得到不符合预期的结果，因为sort()方法会调用每个数组项的toString()方法，将数字转换为字符串进行比较。

例如：

```javascript

var arr = [15, 8, 25, 3];

arr.sort();

console.log(arr); // 输出结果：[15, 25, 3, 8]

```

为了得到正确的排序结果，我们需要使用sort()方法的比较函数参数。比较函数接收两个参数，根据两个参数的大小关系返回负数、零或正数，以确定它们的顺序。

例如，按照升序排序：

```javascript

var arr = [23, 9, 4, 78, 3];

var pare = function(x, y) {

if (x < y) {

return -1;

} else if (x > y) {

return 1;

} else {

return 0;

}

}

console.log(arr.sort(pare)); // 输出结果：[3, 4, 9, 23, 78]

```

如果要按降序排序，只需将比较函数中的返回值相反即可。

需要注意的是，当数组中包含字符串和数字时，比较函数在比较时会先将字符串转化为数字，然后进行比较。如果字符串无法转化为数字，则无法进行大小比较。

二、数组对象排序

如果数组项是对象，我们需要根据数组项的某个属性对数组进行排序。这时，我们仍然可以使用比较函数，并在函数内指定要比较的对象的属性。

例如，按照对象的name属性进行升序排序：

```javascript

var arr = [{name: "zlw", age: 24}, {name: "wlz", age: 25}];

var pare = function(obj1, obj2) {

var val1 = obj1.name;

var val2 = obj2.name;

if (val1 < val2) {

return -1;

} else if (val1 > val2) {

return 1;

} else {

return 0;

}

}

console.log(arr.sort(pare)); // 输出结果按name属性排序的数组对象

```

更优化的比较函数

在编程中，我们经常需要对数组进行排序，而排序的关键在于比较函数。最近，我在项目中遇到了一个关于数组对象排序的问题，让我对比较函数有了更深入的理解。今天，我想和大家分享如何改造一个基础比较函数，以便更好地处理各种排序需求。

假设我们有一个数组对象，需要根据某个属性进行排序。例如，我们有一个包含姓名和年龄的对象数组，想要按照年龄进行排序。最初，我们可能会使用一个简单的比较函数，如：

```javascript

var pare = function (prop) {

return function (obj1, obj2) {

var val1 = obj1[prop];

var val2 = obj2[prop];

if (val1 < val2) {

return -1;

} else if (val1 > val2) {

return 1;

} else {

return 0;

}

}

}

```

如果数组中的值是数字，这个函数可以很好地工作。当属性值以字符串形式存储时，例如年龄，这个问题就出现了。因为在JavaScript中，字符串的比较是基于它们的字符编码（ASCII值）。"5"会被认为是大于"24"，这显然不符合我们的期望。

为了解决这个问题，我们需要对比较函数进行一些改进。我们可以先尝试将字符串属性值转换为数字，然后再进行比较。这样，即使属性值是字符串形式存储的，我们也可以得到正确的排序结果。改进后的比较函数如下：

```javascript

var pare = function (prop) {

return function (obj1, obj2) {

var val1 = obj1[prop];

var val2 = obj2[prop];

// 尝试将字符串转换为数字并进行比较

if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {

val1 = Number(val1);

val2 = Number(val2);

}

if (val1 < val2) {

return -1;

} else if (val1 > val2) {

return 1;

} else {

return 0;

}

}

}

```

现在，即使年龄属性是以字符串形式存储的，我们也可以通过调用 `arr.sort(pare("age"))` 来获得正确的排序结果。这个改进的比较函数能够更好地处理各种情况，使排序结果更符合我们的期望。希望这篇文章能对你有所帮助！