余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

JavaScript中基于对象实现字典(javascript创建对象)

xiyangw 2022-12-03 13:05 84 浏览 0 评论

数组-集合-字典是几乎编程语言都会默认提供的数据类型.

在JavaScript中默认提供了数组, 但没有提供集合和字典(ES6中增加了),

本章, 我们基于对象实现一下字典.

一. 认识字典

字典的介绍

·生活中的字典

i.中文字典我们可以根据拼音去查找汉字, 并且找到汉字对应的词以及解释.

ii.英文字典也是类似, 根据英文字母找到对应的单词, 再查看其翻译和应用场景.

iii.很多编程语言中都有字典的概念

·字典有什么特点呢?

i.字典的主要特点是一一对应的关系.

ii.比如保存一个人的信息, 在合适的情况下取出这些信息.

iii.使用数组的方式: [18, “Coderwhy”, 1.88]. 可以通过下标值取出信息.

iv.使用字典的方式: {“age” : 18, “name” : “Coderwhy”, “height”: 1.88}. 可以通过key取出value

·字典的映射关系:

i.有些编程语言中成这种映射关系为字典, 因为它确实和生活中的字典比较相似. (比如Swift中Dictionary, Python中的dict)

ii.有些编程语言中成这种映射关系为Map, 注意Map在这里不要翻译成地图, 而是翻译成映射. (比如Java中就有HashMap&TreeMap等)

·字典和数组:

i.字典和数组对比的话, 字典可以非常方便的通过key来搜索对应的value, key可以包含特殊含义, 也更容易被人们记住.

·字典和对象:

i.很多编程语言(比如Java)中对字典和对象区分比较明显, 对象通常是一种在编译期就确定下来的结构, 不可以动态的添加或者删除属性. 而字典通常会使用类似于哈希表的数据结构去实现一种可以动态的添加数据的结构.

ii.但是在JavaScript中, 似乎对象本身就是一种字典. 所有在早期的JavaScript中, 没有字典这种数据类型, 因为你完全可以使用对象去代替.

iii.但是这里我们还是按照其他语言经常使用字典的方式去封装一个字典类型, 方便我们按照其他语言的方式去使用字典. (虽然本质上它内部还是用了一个对象, 后面学习完哈希表我会简单谈一下对象和哈希表的关系)

创建字典类

·

我们向之前封装集合一样, 封装一个字典的构造函数

·

·

i.// 创建字典的构造函数

ii.functionDictionay(){

iii.// 字典属性

iv.this.items ={}

v.

vi.// 字典操作方法

vii.}

·

代码解析:

·

·非常简单, 创建一个Dictionary的构造函数, 用于我们字典的封装.

·在字典中, 我们使用了一个items属性, 该属性是一个Object对象.

·也就是我们的字典是基于Object封装的, 这个不难理解: 就像我们之前封装Stack和Queue是基于数组的一样.

·后面我们在添加字典相关的操作

二. 操作字典

我们之前封装的数据结构, 都有封装各种操作, 字典也是一样

常见的操作

·字典常见的操作

·set(key,value):向字典中添加新元素。

·remove(key):通过使用键值来从字典中移除键值对应的数据值。

·has(key):如果某个键值存在于这个字典中,则返回true,反之则返回false。

·get(key):通过键值查找特定的数值并返回。

·clear():将这个字典中的所有元素全部删除。

·size():返回字典所包含元素的数量。与数组的length属性类似。

·keys():将字典所包含的所有键名以数组形式返回。

·values():将字典所包含的所有数值以数组形式返回。

操作的实现

·

我们将这些方法放在一起实现

·

i.// 创建字典的构造函数

ii.functionDictionay(){

iii.// 字典属性

iv.this.items ={}

v.

vi.// 字典操作方法

vii.// 在字典中添加键值对

viii.Dictionay.prototype.set=function(key,value){

ix.this.items[key]=value

x.}

xi.

xii.// 判断字典中是否有某个key

xiii.Dictionay.prototype.has =function(key){

xiv.returnthis.items.hasOwnProperty(key)

xv.}

xvi.

xvii.// 从字典中移除元素

xviii.Dictionay.prototype.remove =function(key){

xix.// 1.判断字典中是否有这个key

xx.if(!this.has(key))returnfalse

xxi.

xxii.// 2.从字典中删除key

xxiii.deletethis.items[key]

xxiv.returntrue

xxv.}

xxvi.

xxvii.// 根据key去获取value

xxviii.Dictionay.prototype.get=function(key){

xxix.returnthis.has(key)?this.items[key]:undefined

xxx.}

xxxi.

xxxii.// 获取所有的keys

xxxiii.Dictionay.prototype.keys =function(){

xxxiv.returnObject.keys(this.items)

xxxv.}

xxxvi.

xxxvii.// 获取所有的value

xxxviii.Dictionay.prototype.values =function(){

xxxix.returnObject.values(this.items)

xl.}

xli.

xlii.// size方法

xliii.Dictionay.prototype.size =function(){

xliv.returnthis.keys().length

xlv.}

xlvi.

xlvii.// clear方法

xlviii.Dictionay.prototype.clear =function(){

xlix.this.items ={}

l.}

li.}

·

代码解析:

·

·代码比较简单, 和之前实现的Set也比较类似, 不再深度解析.

字典的使用

·

我们来使用和测试一下字典类:

·

i.// 创建字典对象

ii.vardict =newDictionay()

iii.

iv.// 在字典中添加元素

v.dict.set("age",18)

vi.dict.set("name","Coderwhy")

vii.dict.set("height",1.88)

viii.dict.set("address","广州市")

ix.

x.// 获取字典的信息

xi.alert(dict.keys())// age,name,height,address

xii.alert(dict.values())// 18,Coderwhy,1.88,广州市

xiii.alert(dict.size())// 4

xiv.alert(dict.get("name"))// Coderwhy

xv.

xvi.// 字典的删除方法

xvii.dict.remove("height")

xviii.alert(dict.keys())// age,name,address

xix.

xx.// 清空字典

xxi.dict.clear()

相关推荐

高效删除文件名中的指定内容,祛除烦恼

如何快速批量删除文件名中的指定字符?在电脑整理文件时,我们常常需要进行批量重命名操作。如果文件名中含有不必要或重复的字符,这将影响文件的识别和查找。因此,删除这些文字或字符是非常必要且有效的。本文将分...

你的手机是不是经常提示存储空间不足?Python帮你清理重复文件

  最近我的手机经常提示存储空间不足,主要是微信和QQ群里接收的文件太多了,平时也没怎么整理。我把这些文件从手机里拷出来,打算整理一下,把该删的文件都删掉,把要备份的文件分门别类存到电脑或网盘上。我突...

从零开始打造云端AI管理调度平台(四)如何设计主页_1

最近闲来无事,想着把自己工作正在做的一个项目做一个简单的分享与实战教程,该项目不困难但是由于涉及要素过多所以比较复杂。所以这里分享出来也是为了帮助新手小白能在实战当中快速了解python知识。主要内容...

「万能Python」-17-标准库OS_python2.7标准库

Python的库是指预先编写好的代码集合,可以用来处理特定的任务或实现特定的功能。Python的标准库提供了许多常用的标准库,无需安装引入使用。Python3的标准库提供了许多常用的功能,包括...

十多行代码生成原帖和临写对照图_几十行代码可以申请软著吗

介绍这个小工具把原帖和临写分解成多列对照的形式。输入原帖图片,和输入临写图片,生成对照图片。使用说明运行compare.py文件,输入参数为:原帖图片文件名,临写图片文件名,列数。python3co...

Python合集之目录操作(四)_python之文件操作大全

1.删除目录删除目录可以通过os模块提供的rmdir()函数实现。通过rmdir()函数删除目录时,只有当要删除的目录为空时才起作用。os.rmdir(path)path为要删除的目录,可以使用绝对路...

excel办公自动化,自动合并excel表格

平时时收到不同人反馈的excel表格,需要将其合并在一个excel中,每个excel打开复制粘贴会很慢,如下脚本可一键合并所有的exceldefauto_merge():try:print('...

批量打开一个文件夹下面所有的excel表格

如果现在有一个文件夹,名称叫做“练习表格”,路径名是'C:\Users\123\Desktop\练习表格',现在的要求是打开这个文件下面所有的excel表格,后缀名字为“xlsx”,我...

500行代码,教你用python写个微信飞机大战

这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手。帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手/右手...

python 日志写入_python日志文件写入

1.第一步,新建日志文件路径,如下图:2.日志模块封装,代码如下:importlogging,oslogs_path=os.path.join(os.path.dirname(__file...

Python os.path模块使用指南:轻松处理文件路径

前言在Python编程中,文件和目录的操作是非常重要的一部分。为了方便用户进行文件和目录的操作,Python标准库提供了os模块。其中,os.path子模块提供了一些处理文件路径的函数和方法。本文主要...

Python中获取当前路径之pathilb和os的区别

20230114星期六:1,直接在py脚本中,执行,没有区别;2,打包成exe文件以后,在本机执行,有区别,这时,不能使用os.path.dirname(__file__),只能使用pathlib.P...

Python(办公自动化编程系列)学习笔记1

1、获得当前程序工作目录importos#os.getcwd()函数可以取得当前工作路径的字符串print(os.getcwd())运行结果2、获得程序文件夹相对路径#相对路径都用/表示#../...

文件路径名Pathnames的操作_路径和文件名是什么意思

1.现象问题使用路径名来获取文件名,目录名,绝对路径等等2.原因分析无3.问题解决使用os.path模块中的函数来操作路径名importos.path#查看标准化的绝对路径print...

关于《Python入门:os常用函数》中复制文件(夹)函数从简到繁

基本考虑练习os模块及file读写操作:将给定的源路径的文件(夹)复制到目标路径简单实现#文件到文件的复制path_src='E:\src.txt'path_tar='D...

取消回复欢迎 发表评论: