set:是ES6新增得数据结构,可以用来实现对数组元素快速去重操作
let set = new Set([1, 2, 3, 2, 8]);
Array.from()
接收一个可以迭代的数据结构比如集合、枚举等,将可以迭代的数组转换为数组
let arr =Array.from(set);
解构和析构
... :析构运算符 作用是去除被修饰数据最外层结构,将内部内容原封不动解析
let obj = { name: '张三', age: 20 };
obj = { ...obj, infor: "欢迎来到蓝鸥科技" };
let arr = [...set];
解构赋值
将左侧的数据结构和右侧的数据进行结构对比,相同位置的元素进行赋值从而实现从数据中快速提取特定数据的操作。
let { name: name1 } = obj;
数组的操作
map:用来遍历数组,遍历每一个元素都会调用对应的回调函数,在回调函数内部对对应的元素进行进一步运算,将运算结果以新数组形式返回
let result = arr.map((item, index) => {
return item % 2 == 0 ? "你好" : "hello";
});
find和findIndex:均接收回调函数作为参数,并且回调函数返回的是一个条件,当对应的元素满足条件,则返回对应的数据或者下标。注意只返回第一个满足条件的元素
arr.find((item, index, arr) => {
return item % 2 == 0;
});
arr.findIndex((item) => {
return item % 2 == 0;
});
some:作用和find类似,作用是判定数组中是否存在满足条件的元素,如果存在则返回true否则返回false
arr.some((item) => {
return item == 2;
});
reduce累加:接收两个参数,参数1为回调函数,(回调函数第一个参数代表上一刻累加的结果,参数 2代表 当前遍历的元素。最终的返回结果作为下一次累加的依据。),参数2代表累加前的初始值
arr1.reduce((sum, item) => {
return sum + item;
}, 0);