ES6新特性总结

在日常做项目中用了一些很好用的ES6新的属性方法,我总结了一部分,想了解更多内容的请去ES6教程查看

es6之扩展运算符 三个点（…）

• 展开数组

let arr = ['apple','banana','orange'];
console.log(...arr); // 'apple','banana','orange'

• 当使用数组传参时可以合成数组

function show(...a){
   console.log(a);
   // [1, 2, 3, 4, 5]
}

show(1,2,3,4,5);

es6之字符串模板（``）

• 这个字符串模板使用场景很多变量拼接时经常用到，使用时按键盘Tab键上面的那个按键

let name ='dqq';
let age = 18;
let str = `这个人叫${name}, 年龄是 ${age}岁`;
console.log(str);
// 这个人叫dqq, 年龄是18岁

es6之过滤（filter）

• 过滤掉符合条件的,返回自己想要的

let arr = [
            {title:'aaaaa', read:100, hot:true},
            {title:'bbbb', read:100, hot:false},
            {title:'cccc', read:100, hot:true},
            {title:'dddd', read:100, hot:false}
      ];
let newArr = arr.filter((item, index, arr)=>{
      return item.hot==false;
});
console.log(newArr);
//[
   {title:'bbbb', read:100, hot:false},
   {title:'dddd', read:100, hot:false}
]

es6之数组重构（map）

• 循环数组，返回自己想要的格式和对象名称

let arr = [
           {title:'aaaaa', read:100, hot:true},
           {title:'bbbb', read:100, hot:true},
           {title:'cccc', read:100, hot:true},
           {title:'dddd', read:100, hot:true}
       ];

let newArr = arr.map((item, index, arr)=>{
           let json={}
           json.t = `^_^${item.title}-----`;
           json.r = item.read+200;
           json.hot = item.hot == true && '真棒!!!';
           return json;
       });

es6之数组的操作（find()，findIndex()，from()，of()，Set()，）

arr.find(): 查找，找出第一个符合条件的数组成员，如果没有找到，返回undefined

let arr = [23,900,101,80,100];
let res = arr.find((val, index) =>{
       return val>100;
});

arr.findIndex(): 找的是位置， 没找到返回-1

 let arr = [23,900,101,80,100];
let res = arr.findIndex((val, index) =>{
     return val>100;
});

Array.from:
作用: 把类数组(获取一组元素、arguments…) 对象转成数组
个人观点： 具备 length这个东西，就靠谱

let str = 'Strive';
let arr = Array.from(str);
 console.log(arr);

Array.of(): 把一组值，转成数组

let arr = Array.of('apple','banana','orange');

Set数组去重,返回新的数组

let arr = [1,2,3,4,5,6,7,6,5,4,3,2,1,2,3,4,4];
let newArr = [...new Set(arr)];

赏

我家有矿，切勿打赏