# 对象中的key值排序的问题

最新推荐文章于 2023-05-10 10:41:03 发布
最新推荐文章于 2023-05-10 10:41:03 发布
阅读量405 收藏 1
点赞数
文章标签： javascript vue.js es6 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57188429/article/details/116424046
版权

前端在做一些需要渲染城市列表时，一般后端都会传过来一个大对象，众所周知，对象的key是无序的，这时就需要前端对数据处理以后再进行页面渲染，话不多说，直接上代码
在这里插入图片描述
在这里插入图片描述
可以看到 Object.keys()这个方法可以遍历对象返回一个对象key值的数组，接下来就简单了。
在这里插入图片描述
可以查看结果就是我们想要的有序的对象
在这里插入图片描述
其实还有很多方法都是可以实现的，只不过本人是个es6重度使用者，哈哈哈

Jade-beads
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据某个属性对List中的所有对象分组，该属性值相同的对象分到一个组
12-21
前段时间跟公司前端对接的时候，一个简单的数据库查询，但是前端说将结果按某个属性分组，每组单独一个集合，集合第一个元素为该属性，第二个元素为该属性值相同的所有对象集合，由于是小白一个，这个数据整理也是花...
python3.0 字典key排序
12-23
IDLE 3.0 >>> dic = {“aa”:1...修改，删除 (修改与添加方法相同，当key值不存在的时候添加) >>> dic[“cc”] = 4 >>> dic {‘aa’: 1, ‘cc’: 4, ‘ab’: 3, ‘bb’: 2} >>> dic[“bc”] = 5 >>> dic {‘aa’: 1,
Object.keys()js 把对象按照属性名的字母顺序进行排列
热门推荐
大灰狼的小绵羊哥哥的博客
08-24 3万+
js 把对象按照属性名的字母顺序进行排列 var obj = {name: "zhangsan", age: 8, ace: 5, nbme: "lisi"};//要排序的对象 function objKeySort(obj) {//排序的函数 var newkey = Object.keys(obj).sort(); 　　//先用Object内置类的keys方法获取要排
对象根据key排序的方法
UI20010520的博客
06-15 554
对象根据key排序的方法 无意间获取大一组城市的数据 数据本身是一个对象 但是key是由A~Z的字母组成的 但是呢 字母的顺序是错乱的 所以数据无法直接渲染 需要根据对象的属性对对象进行排序，于是有了这次的果，话不多说 上代码 // 这是我获取到的数据的大概类型 因为数据太多 不做全部的演示了 var citys = { "E": [ {"name": "厄瓜多尔"}], "A": [ {"name"： "安阳"}], "R": [ {"name": "日照"}] } // 接下来是排序的代码 第一
Object.keys()不排序问题
m0_62381210的博客
04-24 1121
Object.keys(obj).sort() 加上一个sort()即可。
js对象数组根据对象object key的值排序
buyue
08-29 5970
对象数组 var ary=[{id:1,name:"b"},{id:2,name:"b"}] 需求是根据name 或者 id的值来排序   function keysrt(key, desc){       return function(a, b) {       return desc ? ~~(a[key] b[key]);     }   } 用法 va
js Object.keys不排序的问题
曾经也是个少年
05-28 1614
在方法后面加个sort方法；Object.keys（｛｝）.sort（）；
javascript 对象数组根据对象object key的值排序
10-24
本文仅仅是实现了javascript 对象数组根据对象object key的值排序，算是对自己学习javascript这么久的一个小结，希望大家能够喜欢
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
12-25
本文实例讲述了Python实现对字典分别按键(key)和值(value)进行排序的方法。分享给大家供大家参考，具体如下： 方法一： #使用sorted函数进行排序 ''' sorted(iterable,key,reverse)，sorted一共有iterable,key,...
js对象排序，根据对象的key来排序，按ASCII码排序
weixin_44132927的博客
01-08 2629
@ 对象进行排序，按照对象的key来排序，按ASCII码排序 @ 返回排序后的数组 @ 例如 var obj = { a:1,c:5,g:6,bb:8,acb:1 }; sortObj(obj) @ 输出 keysArr = [“a”, “acb”, “bb”, “c”, “g”] @ 输出 sortObj = {a: “1”, acb: “1”, bb: “8”, c: “5”, g: “6...
node: 让数组中的object按照指定的顺序排列
最新发布
weixin_40541945的博客
05-10 158
【代码】node: 让数组中的object按照指定的顺序排列。
JS解惑-Object中的key是有序的么？
qq_27009517的博客
12-20 691
当我们使用for/in遍历一个Object对象的时候，打印的结果是否按key的顺序打印出来呢？ 答案是：不一定。 背景 最近在做一个项目的时候，遇到这样一个需求： 一个下拉列表中有3个固定选项，包括：-1：全部；0：正常；1：失效。 于是，我就定义了一个对象，然后循环这个对象，把结果放到<option>上面： var obj = { '-1': '全部', '0' : '正常', '1' : '失效' }; 复制代码 ..
JavaScript根据对象的key重新排序
coucouxie的博客
08-09 1340
const sortArr=['aaa','bbb','ccc'];//指定排序顺序 //未排序的对象 const arr={ "aaa":{ "id":"a"}, "ccc":{"id":"c+"}, "bbb":{ "id":"b+"} } let getArr={}//接收新顺序 sortArr.forEach(item => { Object.keys(arr).forEach(key=>{ if(item===key){
js 对象键值升序排序
qq_17407437的博客
07-17 1183
function ksort(params) { let keys = Object.keys(params).sort(); let newParams = {}; keys.forEach((key) => { newParams[key] = params[key]; }); return newParams; }
根据 对象数组某个key进行排序
lllsj的博客
05-31 2042
方法1: var datalist = [ { type: 'Zach', value: 26, tag: 1 }, { type: 'Tom', value: 29, tag: 2 }, { type: 'Kate', value: 30, tag: 3 }, { type: 'Gates', value: 31, tag: 4 ...
前端json对象的key排序
weixin_44005110的博客
11-01 694
将json的key按照a-z排序,此函数可深层次排序 Vue.prototype.jsonSort = function (data) { // 对象的key排序 var newkey = Object.keys(data).sort();　　 var newObj = {}; for(var i = 0; i < newkey.length; i++) { newObj[newkey[i]] = data[newkey[i]]; if(typeof data[
为什么Object.keys遍历后的顺序是乱的
weixin_42590539的博客
02-01 1137
Object.keys方法得到的是一个对象的所有键组成的数组，但是 JavaScript 中的对象键是无序的，因此遍历得到的顺序也是无序的。如果需要按照特定顺序遍历，可以将对象的键存入一个数组并对该数组排序后再遍历。 ...
nodejs里json按key大小或小写排序
weixin_45893488的博客
04-02 756
碰到一个奇葩对接方，json数据要先转小写排序，在转回来加密。查了半天没有现成的，动手写一个。 核心就是全转大写或小写，排序后再根据原来发生变化的部分进行替换，完美解决 小写 function sortJsonByLowkey(json_obj) { let arr = []; let j let origin = [] let result for (let i in json_obj) { j = i.toLowerCase(); if (j != i) origin
js-for (var in )遍历顺序乱了
weixin_30484739的博客
01-23 2177
存放的key 为如下： “01”，“02”，“03”，········“10”，“11”，“12” 遍历之后“10”，“11”，“12”，“01”，“02”，“03”，········ 解决办法：把for（var in） 改用 for（var i=0；；i++）{}的方法 但是这不是长久之计只适用于目前的情境 转载于:https://www.cnblogs.com/yanyunliu/p/1...
js根据对象key值排序
04-29
实现 JavaScript 对象根据 key 值进行排序需要依赖一些 JavaScript 高级函数，如 Object.keys()、Array.prototype.sort()、Array.prototype.reduce() 等。首先，使用 Object.keys() 方法取得对象的所有 keys，并存储在数组 keys 中；接着，通过调用 Array.prototype.sort()、Array.prototype.reduce() 方法结合自编 compareFunction 函数，根据 key 值进行排序。 具体实现如下： const obj = { b: 2, a: 1, d: 4, c: 3 }; const keys = Object.keys(obj); // keys: ["b", "a", "d", "c"] keys.sort((a, b) => { if (a < b) return -1; if (a > b) return 1; return 0; }); const sortedObj = keys.reduce((acc, key) => { acc[key] = obj[key]; return acc; }, {}); // sortedObj: { a: 1, b: 2, c: 3, d: 4 } 通过 Object.keys() 方法，我们取得了 obj 对象的所有 key 值，存储在数组 keys 中。接着，我们利用 Array.prototype.sort() 方法对 keys 数组进行排序，这里我们编写了一个简单的 compareFunction 函数，根据 key 值进行排序。最后，我们使用 Array.prototype.reduce() 方法和一个空对象作为初始值，遍历 keys 数组来创建一个新的对象 sortedObj，其中的 keys 按顺序排列。 这个过程可以很方便地用 ES6 的语法进行简化： const obj = { b: 2, a: 1, d: 4, c: 3 }; const sortedObj = Object.keys(obj) .sort() .reduce((acc, key) => { acc[key] = obj[key]; return acc; }, {}); // sortedObj: { a: 1, b: 2, c: 3, d: 4 } 这里我们使用了链式调用的方式，先进行数组排序，再使用 Array.prototype.reduce() 方法创建新的对象 sortedObj。这种方式代码更加简洁，但对于大型数据集可能会影响性能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值