ES6 进阶之第二天

数组的高阶方法

forEACH 遍历

实例
var arr = [“我”,“爱”,“我的”,“祖国”];
arr.forEach(function(item,index,self){
console.log(item,index,self);
})

map 映射

实例
var arr = [1,5,7];
var arr2 = arr.map(
function(item,index,self){
console.log(item,index,self)
return item*2
}
)
console.log(arr2)

filter 过滤

实例

var arr1 = [8,-50,30,25,17,60,5,7];
		目标：过滤 大于20的数
		var arr2 = arr1.filter(function(item){
			if(item>20){return true}
			else{return false}
		})
		console.log("arr1",arr1)
		console.log("arr2",arr2)

every 每个

实例
var arr = [2,4,6,8,100,20,50];
// 目标判断 是否数组中的每个元素都小于10
var ret = arr.every(function(item){return item<10})
// 如果所有都小于10 最终返回true,有一个大于10 返回false
alert(ret)

some 有一个

实例
var arr = [2,4,6,8,100,20,50];
var ret = arr.some(function(item){return item>20})
alert(ret);

reduce 累计

实例
var arr = [2,3,4];
var ret = arr.reduce(function(a,b){return a+b})
//第一次 a:2 b:3 返回5
//第二次 a:5 b:4 返回9
console.log(ret)

sort 排序

实例
var arr = [1,17,20,25,2,9,80];
arr.sort(function(a,b){
return a-b
})
alert(arr)

练习 求两个数组的交集，差集与并集

实例

		// 求两个数组的交集与差集 和并集
		var arr1 = [1, 2, 3];
		var arr2 = [2, 3, 4];
		//交集
		var arr3 = arr2.filter(function(item){
			if(arr1.indexOf(item)!=-1){
				return true
			}else{
				return false
			}
		})
		console.log(arr3)

		//差集
		tempArr = (arr1.concat(arr2)).filter(value => {
			return arr2.indexOf(value) == -1 || arr1.indexOf(value) == -1;
		})
		console.log(tempArr)
		//并集
		tempArr = [...new Set(arr1.concat(arr2))];
		console.log(tempArr)

箭头函数

1.组成: 参数=> 语句

function  times(n){
alert(n*2)

}
times(6);
var times = n=>alert(n2)
// 声明一个变量times 为一个函数
// 函数参数位n 函数执行语句为aler(n2)
// => 前函数的参数
// => 后是函数的执行语句也是 返回值

times(6)

2.参数不是1个: (参数,参数2)=>语句

var arr = [1,2,3,4];
// 目标求和
var ret = arr.reduce((a,b)=>{
console.log(a,b)
return a+b;
});
alert(ret)
// 如果不是一个参数，那么参数用（）包裹

函数默认——不定

函数的默认参数

function add(a,b=10){
			alert(a+b);
		}
		add(3,5)
		add(3)

函数的不定参数

function add(...args){
			var ret = args.reduce((a,b)=>a+b);
			alert(ret);
		}
		add(2,5,8,9)

函数的拓展实参

function metting(a,b,c,d){
			console.log("今天开会的有:",a,b,c,d);
		}
		var arr = ["陈二","李三","王五","张二狗"];
		metting(...arr)

数组新增方法

从数组拷贝替换元素 copywithin(替换开始位置,拷贝结束位置)

var arr = [0,1,2,3,4,5,6,7];
		var arr1 = arr.copyWithin(0,4,8)
		
		console.log(arr1)

查找 按 条件查找 find 查找元素 findIndex查找下标

var arr = ["我","好","中意","你",100];
		alert(arr.includes("好"));
		
		查找arr中是否有大于100的数
		var arr = [1,7,10,100,50,255];
		var ret = arr.findIndex(item=>item>100);
		alert(ret)

ES6对象

1.简写方式

var name = "www";
		var age = 18;
		var user = {
			name: name,
			age: age,
			say: function() {
				alert(`大家好我的名字是${this.name},今年${this.age}`)
			}
		};

		var user = {
			name,
			age,
			say() {
				alert(`大家好我的名字是${this.name},今年${this.age}`)
			}
		};
		console.log(user);

2.对象的动态属性

var key = window.prompt("请输入对象名称","like");
		var value = window.prompt("请输入对象值","好好学习");
		var obj = {[key+"web"]:value};
		console.log(obj);

3.对象的继承

var man={
			leg:2,
			walk(){console.log(`我用我的两条腿不行`)}
		}
		var teacher = {
			name:"mumu",
			age:18,
			__proto__:man
		}
		console.log(teacher.leg)