es6基础知识

Posted 恒之心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6基础知识相关的知识,希望对你有一定的参考价值。

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基础知识的主要内容,如果未能解决你的问题,请参考以下文章

ES6 模块串联

ES6解构赋值

ES7-Es8 js代码片段

android小知识点代码片段

JavaScript ES6 的let和const

[vscode]--HTML代码片段(基础版,reactvuejquery)