博客

1、js对象排序

// 排序之前
let objs = {
  f: {
    id: 2,
    name: '2'
  },
  a: {
    id: 3,
    name: '3'
  },
  c: {
    id: 1,
    name: '1'
  }
}

// 根据对象某个属性值进行升序降序
/*
    obj: 需要排序的对象
    key: 按某个属性进行排序
    sortType: 升序/降序
*/
function objValueSort(obj, key, sortType) { // 排序的函数
  // 1.根据数组中的对象的“xxx”，得到排序后的key，return y-x 表示降序  x-y 表示升序
  const newkey = Object.keys(obj).sort((a, b) => {
    let x = Number(obj[a][key]);
    let y = Number(obj[b][key]);
    if (sortType) {
      return y - x;
    } else {
      return x - y;
    }
  });
  // 2.用排序后的key构建新的对象数组
  const newObj = {};// 创建一个新的对象，用于存放排好序的键值对
  for (let i = 0; i < newkey.length; i++) { // 遍历newkey数组
    newObj[newkey[i]] = obj[newkey[i]];// 向新创建的对象中按照排好的顺序依次增加键值对
    newObj[newkey[i]].index = i + 1;
  }
  return newObj;// 返回排好序的新对象
}

// 根据id进行排序
let newObj = objValueSort(objs,'id')

// 排序结果
newObj = {
  c: {
    id: 1,
    name: '1'
  },
  f: {
    id: 2,
    name: '2'
  },
  a: {
    id: 3,
    name: '3'
  },
}

2、数组对象排序

// 排序之前
let arr = [
  {
    id: 2,
    name: '2'
  },
  {
    id: 3,
    name: '3'
  },
  {
    id: 1,
    name: '1'
  }
]

/*
    array: 需要进行排序的数组
    key: 根据某个属性进行排序
    order: 升序/降序  true：升序 false:降序
*/
function arrSortByKey(array, key, order) {
  return array.sort(function (a, b) {
    let value1 = a[property], value2 = b[property]
    if (desc) {  //升序
      return value1 - value2
    } else {                 //降序
      return value2 - value1
    }
  })
}

// 根据id进行排序
arrSortByKey(arr,'id',true)

//排序结果
console.log(arr)
arr = [
  {
    id: 1,
    name: '1'
  },
  {
    id: 2,
    name: '2'
  },
  {
    id: 3,
    name: '3'
  },
]