js对象数组sort排序,可筛选置顶项

 最近遇到个需求:需要给对象数组进行排序,还需要置顶功能。

假设数据如下:

let data = [
  { value: 302, name: '家电' },
  { value: 300, name: '服装' },
  { value: 154, name: '食品' },
  { value: 211, name: '数码' },
  { value: 404, name: '家纺' }
];

一、对这个对象数组进行简单sort排序

console.log(
  data.sort(function (a, b) {
    return a.value - b.value;  // 按value值升序排列
 })
);

二、需求:传入一个置顶参数name,置顶name属性

function customSort(name) {
      data.sort(function (a, b) {
        if (a.name === name) {
          return -1;  // 将传入的name值置顶
        } else if (b.name === name) {
          return 1;   // 将传入的name值置顶
        } else {
          return a.value - b.value;  // 按value值升序排列
        }
      });
    }

三、需求:传入一个需要置顶参数列表nameList,置顶nameList中的所有项

//多项参数置顶
function customSortArray(nameList) {
  data.sort(function (a, b) {
    if (nameList.indexOf(a.name) >= 0) {
      return -1;  // 将传入的name值置顶
    } else if (nameList.indexOf(b.name) >= 0) {
      return 1;   // 将传入的name值置顶
    } else {
      return a.value - b.value;  // 按value值升序排列
    }
 });
}
customSortArray(['家电', '服装'])
console.log(data);

sort应用规则:

  • sort方法通过返回正数、负数或零来指示两个对象之间的排序顺序。返回负数表示第一个对象应该排在前面,返回正数表示第二个对象应该排在后面,返回零表示两个对象相等

猜你喜欢

转载自blog.csdn.net/csdn1940879828/article/details/131906156