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
  1. 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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

stiges

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值