Day04·ES6新增语法
- 数组新增方法：
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} - 字符串新增方法：
.startsWith(obj) ? 判断是否以obj开头；返回布尔值
.endsWith(obj) ? 判断是否以obj结尾；返回布尔值
.trim() ? 去除字符串中的前后空格； - 新增数据类型：
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
- 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