代码之家 › 专栏 › 技术社区 › JayBee

按对象值排序对象字典[重复]

lodash object sorting javascript

JayBee · 技术社区 · 7 年前

如果我有这样一个JavaScript对象:

list = {
    John: {
        DOB: '2017-02-01'
    },
    Rob: {
        DOB: '2016-07-09'
    },
}

我如何将这个对象排序到一个按其DOB排序的对象列表中。我已经安装了lodash,所以可以选择使用它。

我希望结果是可映射的,即一个数组,例如:

sorted_keys = ['Rob','John']

或

sorted_array = [
    {
        Rob: {
            DOB: '2016-07-09'   
        }
    },
    {
        John: {
            DOB: '2017-02-01'   
        }
    },
]

2 回复 | 直到 7 年前

Mikhail Katrin 7 年前

var list = {
    John: {
        DOB: '2017-02-01'
    },
    Rob: {
        DOB: '2016-07-09'
    }
}

var sortedKeys = Object.keys(list).sort(function(a, b) {
  return new Date(list[a].DOB) - new Date(list[b].DOB)
})

console.log(sortedKeys)

或使用箭头功能:

let list = {
    John: {
        DOB: '2017-02-01'
    },
    Rob: {
        DOB: '2016-07-09'
    }
}

let sortedKeys = Object.keys(list).sort((a, b) => new Date(list[a].DOB) - new Date(list[b].DOB))

console.log(sortedKeys)

如果有字符串,请回答您的评论:

let list = {
    John: {
        DOB: 'bbb'
    },
    Rob: {
        DOB: 'aaa'
    }
}

let sortedKeys = Object.keys(list).sort((a, b) => {
    if(list[a].DOB < list[b].DOB) return -1;
    if(list[a].DOB > list[b].DOB) return 1;
    return 0;
})

console.log(sortedKeys)

janos slartidan 7 年前

首先,请注意,有一个名为 list 这不是一个列表,而是一个对象。

可以通过以下步骤对该对象中的键值对进行排序:

使用提取键 Object.keys
按字母顺序对键排序 list[key].DOB 价值观幸运的是,你可以使用 localeCompare 比较YYYY-MM-DD格式的日期。
将排序的键映射到所需最终结构的对象

这样地:

let sorted = Object.keys(list)
  .sort((a, b) => list[a].DOB.localeCompare(list[b].DOB))
  .map(k => { return { [k]: list[k] } }));

结果:

[
  {
    "Rob": {
      "DOB": "2016-07-09"
    }
  },
  {
    "John": {
      "DOB": "2017-02-01"
    }
  }
]

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Alex · 在轻量级中同时解构和不解构变量

5 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前