ES6 第十节 ES6中的函数和数组补漏
目录
第十节 ES6中的函数和数组补漏
对象的函数解构
我们在前后端分离时,后端经常返回来JSON格式的数据,前端的美好愿望是直接把这个JSON格式数据当作参数,传递到函数内部进行处理。ES6就为我们提供了这样的解构赋值。
let json = {
a:'da0sy',
b:'黛西'
}
function fun({a,b='web'}){
console.log(a,b);
}
fun(json);
我们不用一个个传递参数
函数的函数结构
我们声明一个数组,然后写一个方法,最后用…进行解构赋值。
let arr = ['da0sy','黛西','免费教程'];
function fun(a,b,c){
console.log(a,b,c);
}
fun(...arr);
in的用法
in是用来判断对象或者数组中是否存在某个值的。
对象判断
let obj={
a:'da0sy',
b:'黛西'
}
console.log('a' in obj); //true
数组判断
先来看一下ES5判断的弊端,以前会使用length属性进行判断,为0表示没有数组元素。但是这并不准确,或者说真实开发中有弊端。
let arr=[,,,,,];
console.log(arr.length); //5
上边的代码输出了5,但是数组中其实全是空值,用ES6的in就可以解决这个问题。
let arr=[,,,,,];
console.log(0 in arr); //false
let arr1=['da0sy','黛西'];
console.log(0 in arr1); // true
注意:这里的0指的是数组下标位置是否为空。
数组的遍历方法
1.forEach
let arr=['da0sy','黛西','前端教程'];
arr.forEach((val,index)=>console.log(index,val));
forEach循环的特点是会自动省略为空的数组元素,相当于直接给我们筛空了。当是有时候也会给我们帮倒忙。
2.filter
let arr=['da0sy','黛西','前端教程'];
arr.filter(x => console.log(x));
3.some
let arr=['da0sy','黛西','前端教程'];
arr.some(x=>console.log(x));
4.map
let arr=['da0sy','黛西','前端教程'];
console.log(arr.map(x=>'web'));
map在这里起到一个替换的作用.
数组转换成字符串
join()方法
let arr=['jspang','技术胖','前端教程'];
console.log(arr.join('|'));
join()方法就是在数组元素中间,加了一些间隔,开发中很有用处。
toString()方法
let arr=['da0sy','黛西','前端教程'];
console.log(arr.toString());
转换时只是是用逗号隔开了。