ES6几个比较常用的方法总结

约定不等于承诺〃 2022-03-11 12:24 255阅读 0赞

看到了一篇总结的ES6的，感觉不错，这里转载一下，这是原文地址，由于博主有自己的照片，所以我不方便直接转：

[https://blog.csdn.net/qq\_24147051/article/details/79231108\#comments][https_blog.csdn.net_qq_24147051_article_details_79231108_comments]

接来写几个我平时在项目使用的最常用的几个优化的方法~

1- 数组去重  
    var arr = \[1,2,3,4,3,4\];   
    var arr2 = \[...new Set(arr)\];  
  
这个时候arr2就是去重后的数组~

2- 交换两个变量的值  
    let \[x,y\] = \[1,2\];  
    \[y,x\] = \[x,y\];  
    console.log(y);  
  
3- 获取字符串中的某个字符  
    let arr= "hellomybo";  
    console.log(arr\[3\]);  
  
4- 使用箭头函数代替回调函数  
ES5的写法

let a1 = \[1,2,3\].map(function (x) \{  
                return x \* x;  
     \});  
  
ES6 箭头函数写法

let a2 = \[1,2,3\].map(x => x \* x);

console.log(a1,a2);  
  
5- 合并数组  
    var arr1 = \['a', 'b'\];  
    var arr2 = \['c'\];  
    var arr3 = \['d', 'e'\];  
  
// ES5的合并数组

arr1.concat(arr2, arr3);  
    // \[ 'a', 'b', 'c', 'd', 'e' \]  
  
// ES6的合并数组

\[...arr1, ...arr2, ...arr3\]  
    // \[ 'a', 'b', 'c', 'd', 'e' \]  
  
6- 字符串反转  
    let str = "12345678900987654321";  
1  
原始写法：

str.split('').reverse().join('')  
  
展开写法：

\[...str\].reverse().join('')  
  
7- 过滤需要的数值 和 获得计算后的数值  
过滤：

\['a',,'b'\].filter(x => true)     // \['a','b'\]      
  
计算：

let arr = \[1,2,3,4\].map(x=>x+1);  
    console.log(arr);  
  
8-数组降维 使用generator迭代器  
var arr = \[1, \[\[2, 3\], 4\], \[5, 6\]\];

for (var f of flat(arr)) \{  
  console.log(f);  
\}

谢谢阅读！

[https_blog.csdn.net_qq_24147051_article_details_79231108_comments]: https://blog.csdn.net/qq_24147051/article/details/79231108#comments