js里Object和Map的区别

最新推荐文章于 2024-07-10 09:50:39 发布
最新推荐文章于 2024-07-10 09:50:39 发布
阅读量446 收藏
点赞数 1
分类专栏： 前端技术 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52878347/article/details/136584968
版权

一、键的类型

  • Object的键必须是字符串或Symbol类型
  • Map的键可以是任何类型的值，包括函数、对象或其他Map实例

二、键的唯一性

  • 在Object中，如果使用相同的键多次，后面的值会覆盖前面的值
  • 在Map中，如果使用相同的键多次，后面的值不会覆盖前面的值，而是会形成一个值链

三、迭代

  • Object的迭代是依赖于键的插入顺序的，ES6之前没有标准的迭代方法
  • Map提供了迭代器，可以按照插入顺序迭代键

四、性能

  • 对于小型数据集合，Object和Map性能差异不大
  • 对于大型数据集合，Map通常比使用Object有更好的性能，因为它提供了更优的键值对管理

五、方法

  • Object有get和set方法，用于获取和设置属性值
  • Map有get、set、delete和clear方法，提供了更完整的键值对操作

六、继承

  • Object是JavaScript的原生类型，所有对象都继承自Object
  • Map是ES6引入的一个新类型，不是所有对象都继承自Map

zbsnzj
关注
专栏目录
JS中 Object 与 Map 的区别
叹之
03-24 1232
概述 在很多时候，我们都把Object当成Map来使用，例如 使用Object let dict = { 'hello': '你好', 'world': '世界' } console.log(dict['hello'], dict['world']) // 你好 世界 使用Map let dict = new Map([ ['hello', '你好'], ['world', '世界'] ]) console.log(dict.get('hello'), dict.get('wo
JavaScript Map（映射）和Object（对象）的区别和联系
zgq1259805541的博客
04-07 1916
Map和Object的区别 1.键值 Object :键值只能是字符串和symbol Map: 键值可以使任意属性，Object也可以 2. 创建方式 Object: let user = new Object(); // “构造函数” 的语法 let user = {}; // “字面量” 的语法 Map: // 键值对 [key, value] 数组 let map = new Map([ ['1', 'str1'], [1, 'num1'], [true, 'bool1']
深入理解JavaScript：Object与Map的区别与共性解析
qq_43664120的博客
04-11 1564
avaScript中，Object与Map均为存储键值对的数据结构，但它们在键的类型、唯一性、迭代顺序等方面存在显著区别。本文深入解析了二者的区别与共性，帮助开发者更好地选择使用。
js实现对象的map方法（在Object的prototype上添加）
最新发布
m0_75074819的博客
07-10 251
Object.hasOwnProperty.call(this,key)就是限定整个操作只围绕调用这个方法的对象obj进行，而不牵扯到原型链上的一些东西，然后判断this所指的这个对象上是否含有遍历到的key，有的话返回true，否则，返回false。例如：将一个对象内的所有键对应的值都进行翻倍操作。6. 将对象obj循环遍历完成后也就将对象中的所有值都完成操作了，此时只需要返回存储数据的对象result就行。将遍历到的键所对应的值进行参数上的操作并存到第3步创建的空对象result中。
【JS】Object和Map的区别(图文详解)
m0_63779088的博客
08-19 2200
Object:只能手动计算,通过Object.keys()方法或者通过for...in循环统计 Map:直接通过size属性访问 5.键值对的访问 Object:添加或者修改属性,通过点或者中括号的形式 Map: 添加和修改Key-value中
JavaScript Map 和 Object 的区别
weixin_30878361的博客
08-21 129
不同点 Key filed 在 Object 中， key 必须是简单数据类型（整数，字符串或者是 symbol），而在 Map 中则可以是 JavaScript 支持的所有数据类型，也就是说可以用一个 Object 来当做一个Map元素的 key。 元素顺序 Map 元素的顺序遵循插入的顺序，而 Object 的则没有这一特性。 继承 Map 继承自 Objec...
javascript中Map和Object的区别
yuanwen52的博客
02-25 1845
1、Object的键只能是字符串或者Symbol，而Map的键可以是任意值。 2、Map中的键值是有序的（FIFO），而Object中的键是无序的。 3、Map中的键值个数可以从size属性中获取，而Object中的键值只能手动获取。 Map本质上为二维数组构造 ...
js中Object和Map的区别
aka_xyz的博客
09-26 1658
Jscript中Object和Map的区别
JavaScript中利用Array和Object实现Map的方法
10-23
主要介绍了JavaScript中利用Array和Object实现Map的方法,实例分析了javascript实现map的添加、获取、移除、清空、遍历等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
【JavaScript源代码】JavaScript中Object、map、weakmap的区别分析.docx
12-29
JavaScript中的Object、Map和WeakMap都是用于数据存储的结构，但在使用场景和功能特性上有着显著的区别。在ECMAScript 6之前，Object是实现键值对存储的主要方式，但存在一些限制，如键只能是字符串或Symbol。随着...
Java代码实现Map和Object互转及Map和Json互转
10-22
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。 将Map转换为JSON格式，通常是遍历Map中的键值对，将它们转换为JSON对象或数组格式的字符串。而将...
用JS对象实现map功能与方法
06-06
部分IE浏览器不支持ecmascript 6,无法使用map对象，用原生js对象实现map功能
javascript map与原生object的区别
u012174809的专栏
04-18 2506
Object和Map非常相似，两者都可以完成键-值对的设置、获取value、删除key并且根据key获取对应的value。因此，在过去Object经常被当作Map来使用。但是，Object和Map的不同之处会让Map在特定条件下成为一个更佳的选择。 表面区别 1、Object的键只能是字符串或者Symbol，而Map的键可以是任意值。 2、Map中的键值是有序的（FIFO），而Object中的键是无序的。 3、Map中的键值个数可以从size属性中获取，而Object中的键值只能手动获取。
一文吃透 JavaScript 中 Object 和 Map 的区别
ShowMeBug的博客
07-22 781
本文由技术评估与在线 Coding 面试平台 ShowMeBug 技术团队翻译。 在 JavaScript 中，Object 和 Map 都是键值对的动态集合。虽然两者的定义差不多，但区别也不少。下面跟我一起来看看吧～ 1.构造方式不同 在 JavaScript 中创建 Object 最简单的方法是通过字面量。 const smbObj = { 1: 'ShowMeBug', 2: 'ShowMeMoney' }; Map 则是通过内置构造函数 Map 创建。 const smbMap = n
JS object 与 map区别
u012174809的专栏
03-21 903
JavaScript Map 和 Object 的区别 - ysx_小鱼 - 博客园 不同点 Key filed 在 Object 中， key 必须是简单数据类型（整数，字符串或者是 symbol），而在 Map 中则可以是 JavaScript 支持的所有数据类型，也就是说可以用一个 Object 来当做一个Map元素的 key。 元素顺序 Map 元素的顺序遵循插入的顺序，而 Object 的则没有这一特性。 继承 Map 继承自 Object 对象。 新建实例 Ob
js-Object-Map
kill -9
05-24 737
Untitled Document function Map(){ // private var obj = {} ;// 空的对象容器,承装键值对 // put 方法 this.put = function(key , value){ obj[key] = value ; // 把键值
JavaScript 里 Object 和 Map 的区别
fangyes888的博客
05-10 752
Object 和 Map 定义 Object 是最常用的一种引用类型数据，可用于存储键值对的集合，在 ECMAScript 1st 出现的 // 定义 const obj = { a: 1, b: 2 } // 添加键值对 obj.c = 3 // 删除键值对 delete obj.a console.log(obj) Map 是键值对的集合，采用的 Hash 结构存储，在 ECMAScript 2015(ES6) 版本添加的 // 定义 const map = new Map()
web前端入门到实战：JavaScript中的Map 与 Object
软件开发-前端开发-IT
10-09 421
在JavaScript中，Map 是存储键/值对的对象。Map 类似于一般 JavaScript 对象 ，但对象与 Map 之间一些关键的差异使 Map 很有用。 Map 与 Object 如果你要创建一个存储一些键/值路径的 JavaScript 对象，可以定义一个普通 JavaScript 对象（plain-old JavaScript object），其简称为“ POJO”，如下所示。 co...
js Map和Object的区别
温情
03-23 606
Map // 创建方式 let map = new Map(); // 新增属性 map.set(1, '值1'); map.set(['key2'], '值2'); map.set(true, '值3'); map.set({}, '值4'); map.set(function fn() {}, '值5'); // key可以为js的任意数据类型，而且顺序和新增的顺序相同 console.log(map); // {1 => "值1", Array(1) => "值2", true =&g
js map对象和object的区别
07-28
js中的Map对象和Object有一些区别。首先，它们的构造方式不同。Object可以通过字面量或构造函数来创建，而Map只能通过构造函数来创建。\[1\]\[2\] 其次，Map对象在特定条件下可以成为更佳的选择。Map对象可以更好地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值