Day04·ES6新增语法

Day04·ES6新增语法

1. 数组新增方法：
   1） .map()  把数组中每个元素进行特殊处理后，返回一个新得数组；
   let price=[1,2,3];
   price=price.map(obj=>￥${obj});
   console.log(price);// [‘￥1’, ‘￥2’, ‘￥3’]
   2） .filter()  过滤出数组中符合要求得元素，组成新数组返回；
   let num=[1,2,4];
   let flt=num.fiflter(item=>item<3);
   console.log(flt);//[1,2]
   3） .some()和.every()  判断数组元素是否符合某条件；
   let num=[1,3,5];
   let result1=num.some(item=>item>2);
   console.log(result1);//true 只要有一个元素符合条件就返回true
   let result2=num.every(item=>item>2);
   console.log(result2);//false只要有一个元素不符合条件就返回false
   4） .reduce(prev,item,index,array)  将数组中得每一项操作后返回一个新内容；
   参数解析：
   prev：上次操作的返回结果，可设置默认值；
   item：当前数据；
   index：当前数据的索引值；
   array：当前数组；
   （默认情况：运行长度-1次；第一个数据自动作为第二个数据的prev）
   例：
   ① 数组求和：
   let arr=[1,2,3];
   let result=arr.reduce((prev,item)=>prev+item);
   console.log(result);//6
   ② 数组去重且计算元素重复次数：
   let arr=[1,2,3,1,2,3];
   //去重
   let result1=arr.reduce((prev,item)=>{
   if(!prev.includes(item)){
   prev.push(item);
   }
   return prev;
   },[])
   console.log(result1);//[1,2,3]
   //计算重复次数
   let result2=arr.reduce((prev,item)=>{
   if(item in prev){
   prev[item]++;
   }else{
   prev[item]=1;
   }
   return prev;
   },{})
   console.log(result2);// {1: 2, 2: 2, 3: 2}
2. 字符串新增方法：
   .startsWith(obj)  判断是否以obj开头；返回布尔值
   .endsWith(obj)  判断是否以obj结尾；返回布尔值
   .trim()  去除字符串中的前后空格；
3. 新增数据类型：
   1） map类型：（key可以为任意类型的元素）
   //将按钮作为key值
   let bt1=document.getElementById(“bt1”);
   let obj=new Map();//创建Map对象
   obj.set(bt1,1);//用set方法将特殊变量作为key
   console.log(obj.get(bt1));//1 用get方法获取值
   2） symbol类型：（独一无二的值；防止命名冲突，常用作对象的key）
   let n1=Symbol(“name”);
   let n2=Symbol(“name”);
   console.log(n1==n2);//false

3. class：（类）
   ① 创建人类
   class Person{
   //构造函数：constructor(){}  （创建对象时，调用的函数；用于属性设置）
   constructor(name,gae){
   this.name=name;
   this.age=age;
   }
   show(){
   console.log(this.name);
   }
   }
   let p1=new Person(“小王”,12);
   console.log(p1);
   ② 继承 ：
   语法：class子类 extends 父类 {}
   class Student extends Person{
   constructor(name,age,height){
   //super：调用父类的构造函数（永远写在其他属性的最上面）
   super(name,age);
   this.height=height;
   }
   }
   let s1=new Student(“小明”,12,160);
   console.log(s1);
   s1.show();//小明
   ③ 私有属性
   1> 局部变量的形式（闭包原理）
   class Person{
   constructor(name){
   let uname=name;
   this.getName=()=>uname;
   }
   }
   let p1=new Person(“小明”);
   console.log(p1);// Person {getName: ƒ} 拿不到名字
   //用特殊方法才能拿到
   console.log(p1.getName());//小明
   2> 使用 # 定义私有属性（兼容性差，基本不用）
   class Person{
   #uname;//使用#定义私有属性
   constructor(name){
   this.#uname=name;//给私有属性uname赋值
   }
   getName=()=>this.#uname;
   }
   let p2=new Person(“小红”);
   console.log(p2.getName());//小红
   ④ 静态属性静态方法：（由类调用的属性或方法，与实例化对象无关）关键字 static
   例：通过一个属性记录这个类创建的对象个数？
   class Person{
   static count=0;
   constructor(name){
   this.name=name;
   Person.count++;//通过类调用count属性
   }
   }
   let p1=new Person(“小明”);
   let p1=new Person(“小红”);
   console.log(Person.count);//2