<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>JS中对象key为数字的使用</title></head><body><div></div><script >var obj = {};var key0 = 0;obj[key0] = 0;console.log(obj)//结果是 {0:0}var key1 = 1;obj.key1 = 1;console.log(obj);// 结果是{0:0,key1:1}// key值为数字,不能使用.进行赋值,使用[]obj[4] = 4;obj[3] = 3;obj[6] = 6;obj[5] = 5;console.log(obj);//结果是{0:0,3:3,4:4,5:5,6:6}// 看到了吗,使用数字作为key的好处是,自动为我们进行了排序;这样比数组方便很多,譬如筛选条件,我们就可以使用对象保存,// 这样可以保证无论先选择哪一行的筛选条件我们都是按照既定的顺序展示;使用数组的话我们还要自己手动去排序</script></body>
</html>

JS中对象key为数字的使用相关推荐

  1. JS中对象按属性排序(冒泡排序)

    原文地址 https://www.cnblogs.com/it-Ren/p/10898947.html 一路向北√ 越努力,越幸运. JS中对象按属性排序(冒泡排序) 冒泡排序:它重复地走访过要排序的 ...

  2. JS 中对象的深浅拷贝(ES3、ES5、ES6不同方法底层实现,一文搞清楚深浅拷贝面试常问题)

    JS 中对象的深浅拷贝   拷贝我们都知道这个词的意思,我们经常做过复制.粘贴的操作,其中的复制就是拷贝,那么在拷贝的时候,如果我们复制出来的内容和原内容是完全的分开,各自不相影响,那么这就属于深拷贝 ...

  3. js中对象数组根据对象id分组并转map

    js中对象数组根据对象id分组并转map 如果要将具有相同 id 属性的对象元素,分成不同的数组. 可以先从对象数组中提取相同的 id 属性,再使用 Array.reduce() 和 Map 来进行对 ...

  4. js中对象参数的传递

    js中对象参数传递都是按值传递,当参数为对象时,传递的是对象的引用地址,函数中改变对象参数的值时,会影响函数外的该对象.但为对象参数重新赋值时,相当于改变了其引用地址,将其指向了其它内存地址,故自然不 ...

  5. JS声明对象key为变量

    JS声明对象key为变量 给对象的键加方括号即可,如下: const roomName = room.roomName const roomDetail = { [roomName]: roomDes ...

  6. 源生JS 之对象key值为数字时的取值及修改key值方法

    取值: 如果对象key值为数字使用.key(.0)无法取到对应值: 只需稍加修改obj.['0']即可取到对应值. 修改: 与取值同理: 打印效果对比处理前后: 可以看到将原始key值为0.1.2修改 ...

  7. 前端百题斩【006】——js中三类字符串转数字的方式

    写该系列文章的初衷是"让每位前端工程师掌握高频知识点,为工作助力".这是前端百题斩的第6斩,希望朋友们关注公众号"执鸢者",用知识武装自己的头脑. js中字符串 ...

  8. JS中对象用点(.)和方括号([])的区别

    在JS中,我们取对象的属性值一般都是用点(.)表示,如Person.name,Person.age,但是有时候也会遇到Person[name]这种,那么他们具体有什么区别呢? 用例子展示: 1.中括号 ...

  9. JS 中对象的简单创建和继承

    对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {}; var a ...

最新文章

  1. c++十六进制加法_C++中输出十六进制形式的字符串
  2. 模板文件默认标准版首页模板.html未找到!,html页模板
  3. 命令行选项解析函数:getopt()
  4. Dubbo监控中心Windows安装
  5. [XSY3381] 踢罐子(几何)
  6. 象棋子 设计模式_通过设计国际象棋游戏了解策略模式
  7. 文件操作的小tips
  8. SpringBoot2 集成 xxl-job任务调度中心_路由策略
  9. GoogleTest测试C++代码
  10. word流程图整体怎么拆分_word流程图-不会做流程图?这三种方法超级简单!
  11. php安装调式redis扩展,下载安装thinkphp5.0,调试Redis是否可以正常使用
  12. pycharm 激活
  13. 计算机视觉(三)线性分类器
  14. Win10如何关闭自动更新
  15. WSL与idea集成攻略
  16. 图解设计模式-设计模式七大原则
  17. 移动端手机调试的方法
  18. JS 滚动屏幕至顶端
  19. 三洋服务器显示F6,三洋空调故障代码有哪些?
  20. 通过Python终端输入命令对NAO机器人进行实时控制

热门文章

  1. MySQL连接工具(SQLyog、Navicat)下载安装
  2. 验证证书链 java_java实现证书链和签名验证
  3. 2021年安全生产模拟考试(全国特种作业操作证电工作业-高压电工模拟考试题库二)
  4. 咖啡豆是怎么生产出来的
  5. NLP 实战 (3) | 整体设计之数据集/模型管理
  6. pytorch——VGG网络搭建
  7. 为本教育柳春丽心理咨询师擅长哪些方面领域
  8. TTS(TextToSpeach)语音朗读实例
  9. 网易(163)yum源是国内最好的yum源
  10. 【微服务实战】什么是微服务,微服务怎么实施?