ECMAScript 6 总结1

ES6是2015年正式推出的javascript语法标准，新的标准使js更加的快捷和方便。以下为大家介绍一些ES6内容，大家一起巩固学习。

1.新增变量。

let（局部变量）

a.需要在一对{}内启用。

b.不能变量提升。

c.在一个作用域里不能重复声明。

{
  let a=1;
  //不能重复声明
  //let a=2;
}
//会报错，let声明的变量只能在局部作用域使用
//console.log(a);

{ 
  //会报错，因为let声明的变量不能变量提升
  a=1;
  let a;  
}

const(常量，也是局部变量）

a.let的特性const也具备。

b.变量名建议大写。

c.声明必须赋值。

d.值类型不允许修改。

{

  const PI=3.1415926;
  //赋值过之后再赋值会报错，const声明的值类型不允许修改。
  //PI=2;

  //下面这样写会报错，因为const声明时必须赋值
  //const PI;
  //PI=3.1415926;

}

 2.解构方法。

数组的解构

//使用[]
var [a,b,c,...rest]=[1,2,3,4,5];
console.log(a,b,c);//结果1,2,3
console.log(...rest);//结果4,5

对象的解构 

var obj={name:"红",age:18,sex:"女"};
var {name,...rest}=obj;
console.log(name,rest);//结果红和{age:18,sex:"女"}

3.字符串方法

trim()移除两端空白

var str=" 两端空白 ";
var str1=str.trim();

 repeat()重复

//会打印十遍
console.log("学习强国\n".repeat(10))

includes() 查找是否包含

//includes()检测是否包含某字符，会返回true或者false
var str="学习强国";
console.log(str.includes("学习"));

startsWith()和endsWith() 查找是否以某字符开头和结尾

var str="学习强国";
//检测是否以某字符开头，返回布尔值。
console.log(str.startsWith("学"))
//检测是否以某字符结尾，返回布尔值。
console.log(str.endsWith("国"));

 

4.数组方法 

map() 映射

var arr1=[1,2,3,4];
var arr2=arr1.map(function(item,index,self){
	return item*2
})
console.log(arr2);//打印结果是[2,4,6,8]

 filter() 过滤

var arr1=[1,2,3,4];
var arr3=arr1.filter(function(item,index,self){
	return item>2;
})
console.log(arr3);//打印结果[3,4]

reduce() 累计

var arr1=[1,2,3,4];
var arr2=arr1.reduce(function(a,b){
	return a*b;
})
console.log(arr2);//打印结果24

 some()和every()

var arr1=[34,66,23,466,66];
var arr2=arr1.every(function(item){
	return item>30;				
})
console.log(arr2)//返回false
var arr3=arr1.some(function(item){
    return item>30;				
})
console.log(arr3)//返回true

find() 查找符合条件的元素

 var arr=[1,19,5,65,6,];			 
 var arr1=arr.find(function(item,index){
	return item>10;//值判断
 })
 console.log(arr1);//打印结果19，第一个符合条件的	。	 
 var arr2=arr.find(function(item,index){
	return index>2;//索引值判断
})
 console.log(arr2);//打印结果65，第一个符合条件的。

sort() 排序

 var arr1=[20,34,55,12]
 var arr2=arr1.sort(function(a,b){
	 return a-b;
 })
 console.log(arr2)//升序

 var arr1=[20,34,55,12]
 var arr2=arr1.sort(function(a,b){
	 return b-a;
 })
 console.log(arr2)//降序

fill() 填充

 // 全部替换指定元素
 var arr1=[20,34,55,12]
 arr1.fill(1)
 console.log(arr1);//打印结果[1,1,1,1]

总结

路途遥远，还需努力！