首页 > 编程语言 >[Javascript] Object property order

[Javascript] Object property order

时间:2024-10-14 15:00:33浏览次数:5  
标签:Object obj Javascript sorted property order

For Javascript Object, you cannot assume the order of Object property the same as the order of adding those property.

The actual order follow this rule

  • If it's '1', '2', sorted asec and move forward to the beginning
var obj = {}
obj.a = 'a'
obj['2'] = '2'
obj['1'] = '1'

console.log(obj) // {1: '1', 2: '2', a: 'a'}

As you can see, even you add abefore 1, 21,2will be moved before a

Secondly, even you add 2before 1, it will be sorted according to asce order.

 

  • If it's a-z, according to the order of adding those property ; and it's not case sensitive
var obj = {}
obj.w = 'w'
obj.a = 'a'
obj.n = 'n'

console.log(obj) // {w: 'w', a: 'a', n: 'n'}

 

标签:Object,obj,Javascript,sorted,property,order
From: https://www.cnblogs.com/Answer1215/p/18464219

相关文章

  • js-将JSON 字符串转换为JavaScript 对象(JSON.parse)
    1.背景//JSON字符串constjsonString='{"name":"张三","age":30,"city":"北京"}';获取name值2.JSON字符串进行转换为JS对象将JSON字符串转换为JavaScript对象(JSON.parse(jsonString))//JSON字符串constjsonString='......
  • JavaScript中Promise学习
    Promise是强大的异步编程工具,它允许我们更好的管理和处理异步操作。这里将探讨Promise中的reject以及如何使用catch来处理异步错误 什么是promise?promise是一种代表异步操作最终完成或失败的对象。它有三种状态:1、Pending(进行中):初始状态,既不成功也不失败2、Fulfilled(已成......
  • [javascript] 使用正则替换逗号分割钱
    constval=['12','123','1234','12345','123456','1234567','1234442313123']constreg=/(?<=\d)(?=(\d{4})+(?!\d))/gletres=''val.forEach(i=>......
  • JavaScript前端开发
    JavaScript前端开发是一个涉及多种工具、框架和最佳实践的复杂领域。以下是一些关键点,帮助你更好地理解和实践JavaScript前端开发:开发工具:常用的JavaScript开发工具有VisualStudioCode、SublimeText、HBuilder等。这些工具能够极大提高开发效率和体验。WebStorm、NetBean......
  • JavaScript前端开发技术
    JavaScript前端开发技术详解引言JavaScript(简称JS)是一种广泛使用的脚本语言,特别在前端开发领域,它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用(SPA),JavaScript都扮演着不可或缺的角色。本文将深入探讨JavaScript前端开发的基本概念、发展历程、核心特性、框......
  • [vue3 JavaScript CSS]实现电商网站商品预览,图片放大镜功能
    da效果预览:当鼠标浮在图片上时,灰色小框跟随鼠标运动。右侧大图显示。灰色框不会跑出图片,鼠标移动,右侧大图相应跟随移动。实现思路在实现前,我们想梳理一下我们要实现什么功能灰色框跟随鼠标移动,注意处理边界情况当鼠标进入时右侧大图出现,鼠标移出时右侧大图消失鼠标向左......
  • JavaScript基础1
    实验介绍:JavaScript可以使网页进行交互。它和Java没有任何关系,但在它出现的时候Java很热门,为了引起人们对它的重视,它起名JavaScript。一:JavaScript里的新概念语法DOM对象是一种编程接口,允许我们从文档中增删改除元素。当浏览器加载一个网页时,它会将网页中的HTML内容解析成一......
  • 深拷贝与浅拷贝:JavaScript 里的“复制粘贴”大作战
    在JavaScript的世界里,复制对象就像是在玩“传声筒”游戏,听着听着就乱了套。今天,我们要聊聊两个“复制”大法:深拷贝和浅拷贝。他们就像是“有深度的朋友”和“表面交情的朋友”,那么到底有什么区别呢?让我们一起看看!1.浅拷贝:表面交情浅拷贝就像你和朋友一起去吃火锅,你们的......
  • Javascript笔试手撕题目大全
    1.如何使用JS模拟实现instanceof操作符?请写出具体代码方法描述优点缺点typeof 运算符返回变量的数据类型(对于基本类型很有效,但对于对象和数组返回 "object")简洁易用,适用于基本类型判断无法准确判断 null(返回 "object")和复杂对象/数组的类型instanceof 运算符检查对象是......
  • 前端知识整理(全屏播放器 CSS JavaScript 轮转播放 jquery库 AJAX 画布 网页测试)
    currenttime在前端开发中,“currenttime”通常指的是获取用户设备的当前时间。这可以通过JavaScript来实现,下面是一个简单的示例代码,展示如何获取并显示当前时间:<!DOCTYPEhtml><html><head><title>显示当前时间</title></head><body><h1>当前时间:</h1><pid="d......