码迷,mamicode.com
首页 > 其他好文 > 详细

es6基础知识

时间:2017-10-05 10:55:42      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:箭头操作符   传统   each   数据   数组   返回值   cti   pre   数据结构   

1、箭头操作符

var arr=[1,5,6]
//传统写法
arr.forEach(function(v){
  console.log(v)
})
//箭头操作符
arr.forEach(v=> console.log(v))

2、字符串模板(` `)

var str =Math.random()

console.log(`you num is ${str}`) 

3、解构

//函数解构
var [x,y] = getVal()

function getVal(){
   return [5,6] 
}

// 数组解构

let  [‘name‘,‘age‘] = [‘vhen‘,15]
console.log(‘x:‘+x+‘, y:‘+y);//输出:x:5, y:6
console.log(‘name:‘+name+‘, age:‘+age);//输出: name:vhen,age:15 

4、参数默认值,不定参数

//默认参数
function hello (name=‘vhen‘){
    console.log(`Hello ${name}`)
}
//不定参数
 function add (...arg){
    return  arg.reduce((m,n )=> m+n);
}
console.log(add(5,6))

5、Set数据解构(成员的值都是唯一的,没有重复的值)  

  • add(value)添加某个值,返回Set结构本身。
  • delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
  • has(value)返回一个布尔值,表示该值是否为Set的成员。
  • clear()清除所有成员,没有返回值

      

var s = new Set();
 
s.add(‘vhen‘).add(18) //  vhen,18

s.size===2 //true

s.has(‘vhen‘)  //true

s.delete(‘vhen‘)

     Array.from方法可以将 Set 结构转为数组

 

const s=new Set([5,6,8,9])
const arr=Array.from(s)

6、Map数据结构

es6基础知识

标签:箭头操作符   传统   each   数据   数组   返回值   cti   pre   数据结构   

原文地址:http://www.cnblogs.com/vhen/p/7628162.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!