CcbeanBlog CcbeanBlog
首页
  • 前端文章

    • JavaScript
    • HTML+CSS
    • Vue
    • React
  • 系列笔记

    • React使用学习
    • Vue2源码探究
  • Node文章

    • 基础
    • 问题
    • 框架
  • 系列笔记

    • 数据结构与算法
  • 构建工具文章

    • webpack
  • 系列笔记

    • Webpack5使用学习
  • MySQL
  • Linux
  • 网络
  • 小技巧
  • 杂记
  • 系列笔记

    • Protobuf Buffers
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ccbean

靡不有初,鲜克有终
首页
  • 前端文章

    • JavaScript
    • HTML+CSS
    • Vue
    • React
  • 系列笔记

    • React使用学习
    • Vue2源码探究
  • Node文章

    • 基础
    • 问题
    • 框架
  • 系列笔记

    • 数据结构与算法
  • 构建工具文章

    • webpack
  • 系列笔记

    • Webpack5使用学习
  • MySQL
  • Linux
  • 网络
  • 小技巧
  • 杂记
  • 系列笔记

    • Protobuf Buffers
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 认识数据结构与算法
  • 数据结构与算法-数组
  • 数据结构与算法-栈
  • 数据结构与算法-队列
  • 数据结构与算法-链表
  • 数据结构与算法-双向链表
  • 数据结构与算法-集合
  • 数据结构与算法-字典
    • 认识字典
    • 字典
      • 常见操作
      • 封装
  • 数据结构与算法-哈希表
  • 数据结构与算法-树
  • 数据结构与算法-二叉搜索树
  • 数据结构与算法-红黑树(一)
  • 数据结构与算法-红黑树(二)
  • 数据结构与算法-二叉堆
  • 数据结构与算法-图
  • 数据结构与算法-排序
  • 数据结构与算法-总结
  • JavaScript数据结构与算法
ccbean
2021-12-21
目录

数据结构与算法-字典

# 数据结构与算法-字典

ES6中新增了字典Map,这里我们基于对象来实现Map。

# 认识字典

字典的特点:

  • 字典存储的是键值对,字典的主要特点是一一对应的关系。
  • 字典中 key 是不能重复且无序的,而 value 可以重复。

字典和映射的关系:

  • 有些编程语言中称这种映射关系为字典,因为它确实和生活中的字典比较相似,如比如Swift中Dictionary,Python中的dict
  • 有些编程语言中称这种映射关系为Map 映射。比如Java中有HashMap、TreeMap等

字典和对象:

  • 很多编程语言(比如Java)中对字典和对象区分比较明显,对象通常是一种在编译期就确定下来的结构,不可以动态的添加或者删除属性。而字典通常会使用类似于哈希表的数据结构去实现一种可以动态的添加数据的结构。
  • 但是在JavaScript中,似乎对象本身就是一种字典。所有在早期的JavaScript中,没有字典这种数据类型,因此完全可以使用对象去代替。

# 字典

# 常见操作

  • set(key,value) 向字典中添加新元素。
  • remove(key) 通过使用键值来从字典中移除键值对应的数据值。
  • has(key) 如果某个键值存在于这个字典中,则返回 true,反之则返回 false。
  • get(key) 通过键值查找特定的数值并返回。
  • clear() 将这个字典中的所有元素全部删除。
  • size() 返回字典所包含元素的数量。与数组的 length 属性类似。
  • keys() 将字典所包含的所有键名以数组形式返回。
  • values() 将字典所包含的所有数值以数组形式返回。

# 封装

/**
 * 字典 基于对象
 */
module.exports = class Map {
  constructor () {
    this.items = {}
  }

  // 向字典中添加新元素
  set (key, value) {
    this.items[key] = value
  }

  // 如果某个键值存在于这个字典中,则返回 `true`,反之则返回 `false`
  has (key) {
    return this.items.hasOwnProperty(key)
  }

  // 通过使用键值来从字典中移除键值对应的数据值
  remove (key) {
    if (!this.has(key)) return false

    delete this.items[key]
    return true
  }

  // 通过键值查找特定的数值并返回
  get (key) {
    return this.has(key) ? this.items[key] : undefined
  }

  // 将这个字典中的所有元素全部删除
  clear () {
    this.items = {}
  }

  // 将字典所包含的所有键名以数组形式返回
  keys () {
    return Object.keys(this.items)
  }

  // 将字典所包含的所有数值以数组形式返回
  values() {
    return Object.values(this.items)
  }

  // 返回字典所包含元素的数量
  size () {
    return Object.keys(this.items).length
  }
}

测试

const Map = require('../../lib/Map')

const map = new Map()

// set
console.log('set', map.set('a', 'A'))
console.log('set', map.set('b', 'B'))
console.log('set', map.set('c', 'C'))
console.log('Map', map) // Map Map { items: { a: 'A', b: 'B', c: 'C' } }

// has
console.log('has', map.has('a')) // has true
console.log('has', map.has('b')) // has true

// remove
console.log('remove', map.remove('a')) // remove true
console.log('Map', map) // Map Map { items: { b: 'B', c: 'C' } }

// get
console.log('get', map.get('b')) // get B

// keys
console.log('keys', map.keys()) // keys [ 'b', 'c' ]

// values
console.log('values', map.values()) // values [ 'B', 'C' ]

// size
console.log('size', map.size()) // size 2
编辑 (opens new window)
上次更新: 2021/12/21, 17:36:40
数据结构与算法-集合
数据结构与算法-哈希表

← 数据结构与算法-集合 数据结构与算法-哈希表→

最近更新
01
阅读精通正则表达式总结
09-29
02
项目搭建规范的配置
07-15
03
Vite的使用
07-03
更多文章>
Theme by Vdoing | Copyright © 2018-2023 Ccbeango
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式