首页 > 编程语言 >Javascript 设置数据结构

Javascript 设置数据结构

时间:2022-09-07 08:46:12浏览次数:106  
标签:Set console setDeneme 对象 Javascript add 设置 数据结构 log

Javascript 设置数据结构

Photo by 潘卡伊·帕特尔 on 不飞溅

你好,我一直想详细研究ES6数据类型很久了,但是一直找不到太多时间工作,但现在是时候了。我从 Set 开始,希望能有续集。

什么是 JS Set 对象?

ES6 附带的这种数据类型允许我们创建集群。如您所知,套装由独特的元素组成。但是,您可以在数组中多次使用相同的元素。使用 Set 可以获得具有唯一元素的数组。下面是一个空的 您将了解如何创建集合。

 var setDeneme = new Set();

如果将递归数组分配给对象,它将删除重复的对象。

 让迭代对象=[2,4,3,5,6,2,3,4,8]  
 让 setTest = new Set(repeatedObject);  
 console.log(setDeneme) // Set(6) {2, 4, 3, 5, 6, 8}

一些 Set 方法

  • 添加(价值) 您可以使用它向对象添加新元素。运行后它将返回设置对象的最终版本。此外,正如您在下面的示例中看到的那样 对象可以存储不同类型的值。

    setDeneme.add("emre")
    console.log(setDeneme) // Set(7) {2, 4, 3, 5, 6, 8, "emre"}

还有这个功能 在另一个物体内 您也可以添加对象。

 setDeneme.add(新集([22,14]))  
 console.log(setDeneme) // Set(7) {2, 4, 3, 5, 6, 8, "emre", Set(2)}
  • 清除() 删除对象的所有元素。

  • 删除(值) — 要删除特定对象时要使用的按钮。

  • 有(价值) 这是一个允许我们在其中进行查询的函数,如果有您正在寻找的值 真的 如果不 错误的 返回。

    setDeneme.has(2) //真
    setDeneme.has(81) //假

  • 键() – 与 values 函数相同

    setDeneme.keys()
    SetIterator {2, 4, 3, 5, 6, ...} setDeneme.values()
    SetIterator {2, 4, 3, 5, 6, ...}

一些 样品

如果一个 如果您将 type of 应用于其对象,它将返回一个对象。

 类型(setDeneme)  
 '目的'

设置试用一 以下值返回 true,因为它是一个对象。这

 让结果 = 字符 setDeneme 集;  
 控制台.log(结果); //真的

您可以使用以下函数找到 Set 对象的元素值。

 让大小 = setDeneme.size;  
 控制台日志(大小); _// 9_

使用 Set 对象循环

对象记住添加项目的顺序。

 让位置=新设置();  
 position.add('中锋')  
 .add('前锋')  
 .add('ortasaha'); for(让位置的位置){  
 控制台.log(位置);  
 } // 向前  
 //边锋  
 //ortasaha

同一个对象 地图(我也会写这个话题) 它像对象一样保存关键值,但这些是 地图' 相反,它是一样的。

 for (let [key, value] of mevkiler.entries()) {  
 console.log(key === value);  
 } 真的  
 真的  
 真的

使用回调

为每个 你可以很容易地运行回调

 position.forEach(position => console.log(position.toUpperCase()));

弱集

这个在实践中用得不多的对象,几乎是一个 它的工作原理是这样的,但它不适合大小,建议仅用于观看电视剧。

 让计算机= {类型:'笔记本电脑'};  
 让服务器 = {类型:'服务器'};  
 让设备=新的WeakSet([计算机,服务器]); 如果(设备。有(服务器)){  
 console.log('我们有一个服务器'); // 我们有一个服务器  
 }

一个例子……

 让年龄 = [30, 29, 32, 30, 29, 30, 26, 28, 30]  
 让 uniqueAges = [...new Set(ages)] console.log(uniqueAges) // (5) [30, 29, 32, 26, 28]

很好的教程 我试图告诉你我从下面的来源中学到的信息,我希望它对某人有用。

Kaynak:https://www.javascripttutorial.net/es6/javascript-set/

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/22122/35530708

标签:Set,console,setDeneme,对象,Javascript,add,设置,数据结构,log
From: https://www.cnblogs.com/amboke/p/16664022.html

相关文章

  • ReactJS 安装和设置教程
    ReactJS安装和设置教程React是目前最流行的用于构建UI的JavaScript库之一——在可预见的未来,这种趋势似乎将持续下去。在本文中,我们将专注于快速、轻松地设置Reac......
  • 扁平化嵌套数据结构
    扁平化嵌套数据结构当我们想要根据数据嵌套属性过滤信息时,处理嵌套数据可能是一个棘手的问题。例如,从下面的数据集中,我们想要创建一个方法,该方法可以根据作为参数传递的项......
  • 如何设置您的第一个 Tailwind CSS 项目
    如何设置您的第一个TailwindCSS项目与任何其他CSS框架不同,TailwindCSS没有固执己见,它允许您为任何项目创建组件和设计元素。它不是唯一实用程序优先的CSS框架,但......
  • DE10-Nano开发板OpenOCD设置
    1#2#AlteracycloneVSoCFamily3#4adapterdriverusb_blaster5usb_blaster_vid_pid0x09fb0x60100x09fb0x68106usb_blaster_lowlevel_driverub......
  • 【转载】Windows 10 注册表设置开机启动项
    转载https://zhuanlan.zhihu.com/p/64979960步骤按windows键+R,输入regedit,然后确定,提示打开注册表编辑器,打开即可。(也可以按下win键之后搜索注册表)找到计......
  • asp.net web api 如何设置允许后台跨域访问
    publicstaticclassWebApiConfig{publicstaticvoidRegister(HttpConfigurationconfig){//WebAPI配置和服务......
  • 常用的提高读写效率的数据结构:哈希表,有序数组,搜索树
    哈希表:key-value的存储结构,把值放在数组中,用一个哈希函数把key换算成确定的位置,然后把value放在数组的这个位置,不可避免多个key值经过哈希算法后出现同一个值的情况,处理这......
  • JavaScript框架大战已结束,赢家只有一个
    投递人 itwriter 发布于2022-09-0323:44 评论(0) 有2143人阅读 原文链接 [收藏] « »框架之战是JavaScript社区中的热门话题,也是业界众多圣战之一。......
  • 阿卡佩拉 |用 Javascript 制作 |反应 JS
    阿卡佩拉|用Javascript制作|反应JS阿卡佩拉|用Javascript制作|反应JSAcapela可让您控制通知。从一个地方捕获、过滤和操作它们。以两倍的速度解锁您的团队......
  • 如何设置docker swarm中的manager节点,不执行任何的task?
     在刚创建好的一个dockerswarm集群中,manager节点虽然具备管理的角色,但是,还是允许task在上面运行的,那么如果就让manager节点,干一个活,就是管理,调度的任务,不让其执行任何的......