ES6数组的高阶方法,箭头函数,对象
程序员文章站
2022-06-12 21:42:30
...
一.数组的高阶方法
forEach(遍历)
var arr = ['我','和','我的','祖国'];
arr.forEach(function(item,index,self){
console.log(item,index,self);
})
map(映射)
var arr = [12,34,56];
var arr2 = arr.map(function(item,index,self){
console.log(item,index,self);
return item*2;
})
console.log(arr2)
filter(过滤)
var arr1 = [12,45,32,75,49,61];
var arr2 = arr1.filter(function(item){
return item>20;
})
console.log(arr2)
reduce(累加)
var arr = [13,32,67,98,11,23,65,1,2,3,9];
var ret = arr.reduce(function(a,b){
return a+b; 累加
})
console.log(ret)
every(每一个)
var arr = [13,32,67,98,11,23,65,1,2,3,9];
var ret = arr.every(function(item){
return item>12;
})
console.log(ret)
some(有一个)
var arr = [13,32,67,98,11,23,65,1,2,3,9];
var ret = arr.some(function(item){
return item > 12;
})
console.log(ret)
二.数组新增方法
fill()填充
填充 fill(“填充内容”,start,end)。
copywithin()拷贝
从数组拷贝替换元素copywithin(替换开始位置,拷贝开始位置,拷贝结束位)
find()与findIndex()查找
按 条件查找 find 查找元素 findIndex查找下标
sort()排序
var arr = [1,5,11,27,45,68];
arr.sort(function(a,b){return a-b});
console.log(arr);
var arr1 = [{age:10},{age:7},{age:14}];
arr1.sort(function(a,b){return a.age>b.age});
console.log(arr1);
三.箭头函数
箭头函数就是函数简写方式
- 组成: 参数 => 语句,
- 参数不是1个: (参数,参数2)=>语句
- 语句不止一条: 参数 =>{语句1;语句2;return 返回值}
- 返回的对象格式: 参数=>({对象})
普通函数
var arr = ['我','和','我的','祖国'];
arr.forEach(function(item,index,self){
console.log(item,index,self);
})
转换为箭头函数
var arr = ['我','和','我的','祖国'];
arr.forEach(item => console.log(item))
四.函数的三种参数
1.函数的默认参数
function add(a,b=10){
alert(a+b);
}
add(3,5);
add(3)
2.函数的不定参数
function add(...args){
var ret = args.reduce((a,b)=>a+b)
alert(ret)
}
add(1,2,3,4,5);
3.函数的扩展实参
function metting(a,b,c){
console.log('今天开会的有:',a,b,c);
}
var arr = ['天线宝宝','海绵宝宝','花园宝宝'];
metting(...arr);
五.对象
对象的简写
var name = '毛毛';
var age = 18;
var user = {
name,
age,
say(){
alert(`大家好,我的名字是${this.name},今年${this.age}`)
}
};
console.log(user)
对象的继承
__proto__对象的继承
var man={
leg:2,
walk(){console.log(`我用我的两条腿步行`)}
}
var student = {
name:"毛毛",
age:18,
__proto__:man
}
var key = window.prompt("请输入对象名称","like");
var value = window.prompt("请输入对象值","好好学习");
var obj = {[key+"web"]:value};
console.log(obj);