JS中当key值为数字时会自动进行排序

最新推荐文章于 2023-03-31 14:27:54 发布
最新推荐文章于 2023-03-31 14:27:54 发布
阅读量1.4k 收藏 1
点赞数 3
分类专栏： js 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41634885/article/details/120664879
版权

今天开发时发现一个很奇怪的问题  明明接口已经按照顺序返回了  日志打印正常

结果到了前台后 顺序发生了改变

接口中返回的为有序

 打印后变为数字key置前

 

经过一番查询  发现产生这种现象的原因为浏览器中的ES6规范

（js 为什么会自动将key为数字字符串数组排序？ - 知乎）

其中提到 Object的key遍历将会按：数字从小到大->字符串创建顺序->Symbol创建顺序的顺序进行遍历

那么就能解释通了  吐了

那么我的解决方案就是  特么key值不让你为纯数字  狗日的

不会射雕的靖哥哥
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
json_decode 索引为数字时自动排序问题解决方法
10-15
主要介绍了使用son_encode 给前端返回数据，结果顺序不对，经debug调试，发现是json_encode 函数的问题,变成 " " + 数字即可,需要的朋友可以参考下
在b/s开发中经常用到的javaScript技术整理
01-17
在b/s开发中经常用到的javaScript技术整理 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 （用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 ...
js-排序-对象key自动排序问题
junjiahuang的博客
10-18 1441
【代码】js-排序-对象key自动排序问题。
javascript中的对象为什么会按照键来自动排序
棠樾的博客
01-10 2287
原因： javascript中的对象按照键来自动排序是浏览器造成的，经查V8的相关文档得出以下结论：Chrome浏览器下创建的js对象数组会自动按照键排序、而FireFox不会。 例如： 解决方法： 必须将对象的键值转换为字符，就意味着如果键值必须要是数字型，那么需要在数字前面加上字符（如加_符号或者字母）就会转换为字符变量，这样就不会自动排序如： ...
js对对象按照值进行排序
wind的博客
08-19 5255
比如： 给定学生和成绩： ‘小黑’: 80, ‘小王’: 90, ‘小杨’: 85, ‘小白’: 80 将其按照升序排列输出： 小黑:80 小白:80 小杨:85 小王:90 实现： 方法1：存到一个对象里，对对象的键利用sort排序 let obj = { '小黑': 80, '小王': 90, '小杨': 85, '小白': 80 } //得到按键值升序排列的键数组 let keyArr = Obj
解决json数据 key为数字,自动排序问题
u010865136的专栏
09-10 5305
一、问题 接口返回json数据给前端时，前端反馈拿到的数据并不是按照预期的顺序，数据自动根据key值重新排序了，不是我辛辛苦苦排序的顺序 二、分析并解决 1、分析 json是无序，和数组不一样，从浏览器输出或者接口返回给前端的json数据时，json是无序的，会按照key值重新排序输出； key值为单纯的数字、字母时，都会重新排序，数字按照从小到大排序，字母按照字母顺序排序；值得注意的是，当key的首字母相同，后面拼接数字时，json输出重新排序后和原数组顺序一样，输出会按照原顺序输出； .
关于js中for...in循环对象时，输出key值顺序混乱问题
weixin_52755319的博客
03-31 4237
那这个时候，通过线性结构来存储数据，查找肯定的快的，但是如果涉及到大量的修改数据，那么动一发而牵全身，是非常耗性能的，所以数据多了，v8采用了慢排序。循环对象时，顺序为什么会乱？
javascript 对象数组根据对象object key的值排序
10-24
本文仅仅是实现了javascript 对象数组根据对象object key的值排序，算是对自己学习javascript这么久的一个小结，希望大家能够喜欢
03_Vue基础–模板语法（二）.pptx
最新发布
01-25
当元素或组件有`key`属性时，Vue在对比新旧节点（即VNode）时会基于`key`值进行排序和移除操作。无`key`时，Vue会尝试就地复用元素，而有`key`时则会根据`key`值的变化进行更复杂的重排和销毁操作。 VNode是Vue内部...
backbone教程
09-26
当模型中的数据发生改变时，会自动触发一个"change"事件，所有用于展示模型数据的视图都会侦听到这个事件，然后进行重新渲染。 模型的特点： * 创建模型的语法：extends，相当于类继承 * 模型的创建、销毁、校验等...
对象遍历的时候的一些排序问题
小李在努力学习
03-12 138
对象遍历的时候的一些排序问题
json key为数字,自动排序问题怎么解决
qq_42440919的博客
06-05 4148
定义json如下，希望转换下给前端返回数组，按照下面的顺序输出，但是发现返回前端后，顺序发生改变，如下图： 原因：因为key为数字，默认的就会按照key值进行排序。 解决办法：key为“字符+数字”，其中的数字可以和对象中的id值保持一致，方便后续根据前端传递的id直接定位是哪个对象。 ...
js数据类型对象（Object）自动排序问题
ccnacyq的专栏
10-19 5966
前言 这两天碰到一个问题。发现游戏（塔防类游戏）中炮塔寻怪算法有误，炮塔无法准确的找到最危险的怪物（也就是射程范围内离终点最近）。最后查看代码发现，以前怪物查询算法只需查询最危险的怪物，所以遍历所有的怪物，记录最危险那只就可以了。后来策划新增需求，炮塔需要短时间内陆续攻击最危险的N只怪。所以算法上就改成先将所有怪物排序，再取所需的怪物。因为排序有使用到两个变量排序用的 怪物剩余路程 和 怪物实例 。考虑到数组存储不方便，而且需要特别的写排序代码。想到Object是存在Key自动排序功能的，所以使用了一个Ob
JSP
tanghui20的专栏
02-27 328
JSP的执行过程: * JSP会被翻译成Servlet,编译成class进行执行的. JSP的嵌入Java代码:JSP的脚本元素 * <%! %> :翻译成类中的成员部分. 定义变量,定义方法,定义类.Servlet是线程不安全的,尽量少在类中定义成员属性！！ * <% %> :翻译成类的service方法内部的内容. 定义变量,定义类...
js:数组对象按key值进行升序降序排序
fankse的博客
06-19 5495
1.先定义一个数组对象 let arr=[ {name:'李欣',age:'18'}, {name:'王钊',age:'15'}, {name:'李雪',age:'20'}, {name:'李逍遥',age:'26'}, {name:'景天',age:'12'}, {name:'赵灵儿',age:'14'}, {name:'王艺璇',age:'18'}, {name:'李紫
对象的key值进行排序(js)
qq_45331969的博客
08-25 6627
function objKeySort(arys) { //先用Object内置类的keys方法获取要排序对象的属性名，再利用Array原型上的sort方法对获 取的属性名进行排序，newkey是一个数组 var newkey = Object.keys(arys).sort();　　 //console.log(‘newkey=’+newkey); var newObj = {}; //创建一个新的对象，用于存放排好序的键值对 for(var i = 0; i < newkey.length; i+
android dropbear 密码,root登录不进去 dropbear ssh
weixin_33910305的博客
06-02 609
js关于对象键值为数字型时输出的对象自动排序问题的解决方法一.对象键值为数字型时输出的对象自动排序问题如: var objs = { "1603":{id:"1603"}, "1702" ...LSM Tree解析引言 众所周知传统磁盘I/O是比较耗性能的,优化系统性能往往需要和磁盘I/O打交道,而磁盘I/O产生的时延主要由下面3个因素决定: 寻道时间(将磁盘臂移动到适当的柱面上所需要...
解决数组转对象后，key自动排序
波客
01-20 849
今天遇到个问题，将数组转为key value形式的对象后，key进行了自动排序，无法保持数组原有的顺序，所以这个时候就不能使用 Object，需要使用Map let arr= [{code: 'asd', tag: false}, {code: '123', tag: true}] this.MAP = new Map() arr.forEach(item => { this.MAP.set(item.code, item) }) 转为Map后再循环，就保持了数组原有的顺序 ...
怎么根据字典的值里有中文的数字进行排序
05-28
可以使用 Python 中的 `sorted()` 函数结合 lambda 表达式对字典进行按照中文数字排序。具体步骤如下： 1. 定义中文数字的顺序，可以使用一个列表来表示。 2. 使用 `sorted()` 函数对字典进行排序，传入 `key` 参数，该参数为一个 lambda 表达式，表示以中文数字为基准进行排序。 下面是一个示例代码： ```python # 定义中文数字的顺序 chinese_nums = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] # 待排序的字典 d = {'a': '三', 'b': '一', 'c': '五', 'd': '二', 'e': '零'} # 对字典按照中文数字排序 sorted_d = sorted(d.items(), key=lambda x: chinese_nums.index(x[1])) # 输出排序后的结果 print(sorted_d) ``` 输出结果为： ``` [('e', '零'), ('b', '一'), ('d', '二'), ('a', '三'), ('c', '五')] ``` 在 lambda 表达式中，`x[1]` 表示字典值，`chinese_nums.index(x[1])` 表示获取字典值在中文数字列表中的索引，然后按照该索引进行排序。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值