es6基础知识

Posted 2020-10-09 恒之心

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数据结构