1.set的应用(去重)js标准内置对象

适用范围:String,Array(数字基本数据类型不可以)

set的方法:例子 var s = new Set(data)

  • 增加:  s.add(data)    和Array.push()一样
  • 长度: s.size    和Array.length一样
  • 删除: s.delete(data)
  • 判断: s.has(data) 和Array.includes()一样

作用:去重,并且返回一个set特定的数据格式

转化格式:set和nodeList(queryselectorAll)都是看起来像数组的数据

var a = Array.from(data) 可以将其转化为真正的数组(此方法可以把类数组转化为数组,浅拷贝)


2.let与const

  • let与const都只能声明一个变量一次(不能重复声明)
  • let和const的作用域只在花括号内(块级作用域)
for (let i = 0; i < 3; i++) { log(i) } log(i) // 结果是 undefined
  • const声明一个不可被赋值的变量(声明一个不希望被任何人修改的变量)
const a = 3
a = 4 // 报错 不能被修改 let a = 3
a = 4 //不报错

3.js标准内置对象Map

定义Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。

区别:和Object的区别就是它的key不必必须是字符串。可以是任何值

方法:var a = new Map()

  • 增加 s.set("name", "zhang")  和object.name = "zhang"一样
  • 拿到值  s.get("name")  和object.name一样

4.扩展符号(...传参数) 5数组解包

var a = [1, 2, 3]
log(...a)
// 1 2 3 可以把数组解开成单独元素 // 一行代码 多个赋值
var [a, b] = [1, 2]
// 一行代码交换变量值
[a, b] = [b, a] //数组解包加上扩展符号
[a,...b] =[1,2,3,4,5] //传参用上扩展符号
function c(a, ...b) {}
c(1,2,3,4,4)
//a = 1 b = [2,3,4,4]

6.对象解包

var obj = {name:"1",score:"2"}

var {name,score} = obj
//后面就可以访问到 name和score

对象增强模式

name = "zhang "
var a = {name}//当要赋值的key与外界的变量重名,可以省略velue值

7.默认参数值,可变参数传值

//传参用上扩展符号
function c(a, ...b) {}
c(1,2,3,4,4)
//a = 1 b = [2,3,4,4]

8.箭头函数

(参数)=>{语句}

9.新增方法includes

10.新增遍历方式forEach

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

array.forEach(function(currentValue, index, arr), thisValue)

1forEach只适用集合和数组的遍历,for适用复杂的场景遍历。

注意: forEach() 对于空数组是不会执行回调函数的。

第二季第十天 es6新特性新特性的更多相关文章

  1. ES6、7、8、9新语法新特性

    前言 如果你擅长这种扩散式学习方式,不妨再进一步温习一下整个 ES6 引入的新特性,笔者强烈推荐阮一峰老师的 ECMAScript 6 入门 一书. ES2018 引入的特性还太新,单在对 ES6 特 ...

  2. 深入浅出:了解JavaScript的ES6、ES7新特性

    参照阮一峰博客:http://es6.ruanyifeng.com/#README es6常见题:https://blog.csdn.net/qq_39207948/article/details/8 ...

  3. ES6的十个新特性

    这里只讲 ES6比较突出的特性,因为只能挑出十个,所以其他特性请参考官方文档: /** * Created by zhangsong on 16/5/20. *///    ***********Nu ...

  4. ES6 有什么新东西

    ES6 有什么新东西? 你可能已经听说过 ECMAScript 6 (简称 ES6)了.ES6 是 Javascript 的下一个版本,它有很多很棒的新特性.这些特性复杂程度各不相同,但对于简单的脚本 ...

  5. Big Data 應用:第二季(4~6月)台湾地区Game APP 变动分布趋势图

    图表简介: 该示意图表示了台湾地区第二季内所有Game APP类别的分布情形,经由该图表我们可以快速的了解到在这三个月内,哪类型的APP是很稳定:抑或者哪类型的APP是非常不稳定的. 名词解释: 类别 ...

  6. ES6的一些常用特性

    由于公司的前端业务全部基于ES6开发,于是给自己开个小灶补补ES6的一些常用特性.原来打算花两天学习ES6的,结果花了3天才勉强过了一遍阮老师的ES6标准入门(水好深,ES6没学好ES7又来了...) ...

  7. 一起做RGB-D SLAM 第二季 (一)

    小萝卜:师兄!过年啦!是不是很无聊啊!普通人的生活就是赚钱花钱,实在是很没意思啊! 师兄:是啊…… 小萝卜:他们都不懂搞科研和码代码的乐趣呀! 师兄:可不是嘛…… 小萝卜:所以今年过年,我们再做一个S ...

  8. 再造轮子之网易彩票-第二季(IOS 篇 by sixleaves)

    02-彩票项目第二季 2.封装SWPTabBar方式一 接着我们思考如何进行封装.前面已经将过了为什么要封装, 和封装达到的效果.这里我们主要有两种封装方式,分别是站在不同的角度上看待问题.虽然角度不 ...

  9. Eclipse相关集锦第二季

    Eclipse相关的问题第二季开始了,这些问题都是我平时遇到的,然后记录下来备忘,帮助到别人最好不过了. 1.Unable to execute dex: GC overhead limit exce ...

随机推荐

  1. 可并堆模板题-mergeable heap

    Description 有n个点,第i个点标号为i,有两种操作:0 x y 表示把x所在堆和y所在堆合并.1 x 表示询问x所在堆的最小权. Input 第一行两个整数n,m,表示有n个点m个操作. ...

  2. java高并发核心类 AQS(Abstract Queued Synchronizer)抽象队列同步器

    什么是AQS? 全称: Abstract Queued Synchronizer: 抽象队列同步器 是 java.util.concurrent.locks包下的一个抽象类 其编写者: Doug Le ...

  3. mysql第六篇 : MySQL索引原理与慢查询优化

    浏览目录 一.索引介绍 二.索引方法 三.索引类型 四.聚合索引和辅助索引 五.测试索引 六.正确使用索引 七.组合索引 八.注意事项 九.查询计划 十.慢日志查询 十一.大数据量分页优化 一.索引介 ...

  4. mybatis基础CURD的学习

    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "- ...

  5. 从零开始Windows环境下安装python+tensorflow

    从零开始Windows环境下安装python+tensorflow 2017年07月12日 02:30:47 qq_16257817 阅读数:29173 标签: windowspython机器学习te ...

  6. oracle(4)----空值说明

    1. 含义:空值(null)表示未知或者暂时不存在的数据,任何类型(没有约束的条件下)都可以取值null:2. 插入null值: insert into stu (id,name) values(3, ...

  7. 微服务和SpringCloud入门

    微服务和SpringCloud入门 微服务是什么 微服务的核心是将传统的一站式应用,根据业务拆分成一个一个的服务,彻底去耦合,每个微服务提供单个业务功能的服务,一个服务做一件事情,从技术角度看就是一种 ...

  8. SASS - 混合(Mixin)

    SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS ...

  9. Hairpin|Bulge|Loop|假结|共变化(进化)|单序列预测|snRNA|snoRNA|siRNA|microRNA|piRNA|LncRNA|antisense RNAs|cis-NATs|trans-NATs|假基因|环形RNA

    生物信息学 GU也可以配对,即“wobble” pairing GU. Hairpin发夹结构,最少不能少于3个碱基.没有配对 Bulge 单侧配对 Loop双侧配对 假结,游离的leading ed ...

  10. Javascript声明和使用变量

    1.1变量的声明 要在程序中使用变量,就必须从声明变量学起,因为Javascript语法与我们基础的其他程序语言声明变量的方法略有不同,但是Javascript语法的变量应用非常强大,使用也非常简单. ...