前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >没有副作用的哈希表

没有副作用的哈希表

作者头像
疯狂的技术宅
发布2019-03-27 15:32:34
5220
发布2019-03-27 15:32:34
举报
文章被收录于专栏:京程一灯京程一灯

如果想把JavaScript 对象当作哈希表(仅用于保存数据),你可能会像下面这样创建这个对象。

`const map = Object.create(null);`

如果使用对象字面量( constmap={})来创建这个哈希表,它会默认从 Object 继承属性。这等同于 Object.create(Object.prototype)

但如果使用 Object.create(null),我们可以明确地指定其原型为 null。因此,它才是真正的无属性,甚至没有构造器、toString、hasOwnProperty 等。因此,如果你的数据结构需要这些键名,尽可随意使用。

依据:

const dirtyMap = {};
const cleanMap = Object.create(null);

dirtyMap.constructor    // function Object() { [native code] }

cleanMap.constructor    // undefined

// Iterating maps

const key;
for(key in dirtyMap){
  if (dirtyMap.hasOwnProperty(key)) {   // Check to avoid iterating over inherited properties.
    console.log(key + " -> " + dirtyMap[key]);
  }
}

for(key in cleanMap){
  console.log(key + " -> " + cleanMap[key]);    // No need to add extra checks, as the object will always be clean
}

注意:

  • Object.create() 由 ES5 引入:兼容性
  • ES6 引入了一些新的数据结构:Map、WeakMap、Set和Weak Set

往期精选文章

使用虚拟dom和JavaScript构建完全响应式的UI框架

扩展 Vue 组件

使用Three.js制作酷炫无比的无穷隧道特效

一个治愈JavaScript疲劳的学习计划

全栈工程师技能大全

WEB前端性能优化常见方法

一小时内搭建一个全栈Web应用框架

干货:CSS 专业技巧

四步实现React页面过渡动画效果

让你分分钟理解 JavaScript 闭包



小手一抖,资料全有。长按二维码关注京程一灯,阅读更多技术文章和业界动态。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-10-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 京程一灯 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 依据:
  • 注意:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档