ES6(简易版) Set,Map 数据结构,(for in) (for of) 区别「建议收藏」

ES6(简易版) Set,Map 数据结构,(for in) (for of) 区别

大家好,又见面了,我是全栈君。

ES6 新增加了一些方法,执行在浏览器业务上很少用到,也不支持啊,只能用Babel编译, Node可能会用到。 原来看了老忘,确实用的场景不多,刚刚看见面试题中,写除去数组中相同的数字发现Set可以办到。

“set”单词有“一套”意思

   var arr = [1,2,3,4,5,6,7,7]
   var set = new Set(arr)//由arr转换成set
   arr = [...set] //由set用...解构赋值为arr
   console.log(arr)
  //输出 [1,2,3,4,5,6,7]
  //所以Set和数组没什么区别, 就是有特殊功能:除去重复成员
  //注意点 set.size 是获取长度,arr.length不一样。
复制代码

“Map”翻译 映射 ?

var map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

map.size ;// 2
map.get('name'); // "张三"
map.get('title') ;// "Author"
map.set('name', '李四');//会覆盖掉张三
map.get('name') ;//李四
//相当于一个key不会重复的字典,
复制代码

“in” 翻译 “表示位置,在…内”, “of”翻译 “属于”

//(for in) (for of)  in的遍历key,of遍历value
var arr = ['a', 'b', 'c', 'd'];
for (let a in arr) {
  console.log(a); // 0 1 2 3
}
for (let a of arr) {
  console.log(a); // a b c d
}
复制代码

自己学习总结,如有错误,请提议。 参考阮一峰:http://es6.ruanyifeng.com/ 个人博客: www.liangtongzhuo.com

转载于:https://juejin.im/post/5a31f1515188253e2470fce8

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107829.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 对城市公交系统思考

    对城市公交系统思考

    2021年9月9日
    67
  • 基于gitlab的CICD流程规范

    基于gitlab的CICD流程规范前言:这篇文章主要讲一讲基于gitlab的CICD流程规范基于gitlab的CICD流程规范一、简介二、CICD流程图三、CICD说明四、结合CICD流程拓展1、业务代码-数据库基于flyway实现版本控制2、数据库版本控制3、二进制或内置五、代码质量检查及自动化测试(未来)六、疑问解答与加群交流学习一、简介为了提升线下测试效率,缩短测试时间,提升提测代码质量,规范流程,缩短测试准备和执行时间,缩短问题定位时间,提供预测性指标,规范CICD流程,以提升整体团队效率。二、CICD流程图三、CICD

    2022年6月14日
    111
  • oracle11g 最终版本11.2.0.4安装详细过程

    oracle11g 最终版本11.2.0.4安装详细过程–安装背景上次碰到问题,cursor:mutexS导致的load过高,参考原来剖析额过程记录地址:https://blog.csdn.net/demonson/article/details/79753702,有说可以升级到11.2.0.4就能避免这种问题,所以准备重新搭建新版本11.2.0.4。 安装环境是:azure云linuxcentos6.5。…

    2022年5月7日
    289
  • 移动端禁用长按复制js兼容css样式_手机为什么长按不能复制

    移动端禁用长按复制js兼容css样式_手机为什么长按不能复制添加全局禁止选择文本的CSS属性*{-webkit-touch-callout:none;/*系统默认菜单*/-webkit-user-select:none;/*webkit浏览器*//*noinspectionCssUnknownProperty*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火狐浏览器*/-ms-user-select:

    2022年9月29日
    5
  • 【转载】100亿数据1万属性数据架构设计

    【转载】100亿数据1万属性数据架构设计

    2021年11月20日
    44
  • python执行cmd命令并解析结果_python如何打包成可执行程序

    python执行cmd命令并解析结果_python如何打包成可执行程序身为一个编程小白,最近刚刚接手工作。近期在使用pyinstaller的时候,发现了一个很严重的问题,那就是缺少包。当时并不知道,因为代码已经是上任大佬写好的,我可以直接用。先说一下问题吧(图片忘了保存)。执行文件突然死掉,当时手速够快截了一个图。原因是缺少了这么个包。pkg_resources.py2_warn具体的解决方法如下:顺便说一下,pyinstaller的安装方法,很简单。首先打开你的pycharm,然后点击左下角的Terminal之后输入命令 pipinstallpyins

    2022年8月28日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号