ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
本文实例讲述了ES6常用小技巧。分享给大家供大家参考，具体如下：
1-数组去重
vararr=[1,2,3,4,3,4]; vararr2=[...newSet(arr)];
这个时候arr2就是去重后的数组~
2-交换两个变量的值
let[x,y]=[1,2]; [y,x]=[x,y]; console.log(y);
3-获取字符串中的某个字符
letarr="hellomybo"; console.log(arr[3]);
4-使用箭头函数代替回调函数
ES5的写法
leta1=[1,2,3].map(function(x){
returnx*x;
});
ES6箭头函数写法
leta2=[1,2,3].map(x=>x*x); console.log(a1,a2);
5-合并数组
vararr1=['a','b']; vararr2=['c']; vararr3=['d','e'];
//ES5的合并数组 arr1.concat(arr2,arr3); //['a','b','c','d','e']
//ES6的合并数组 [...arr1,...arr2,...arr3] //['a','b','c','d','e']
6-字符串反转
letstr="12345678900987654321";
原始写法：
str.split('').reverse().join('')
展开写法：
[...str].reverse().join('')
7-过滤需要的数值和获得计算后的数值
过滤：
['a',,'b'].filter(x=>true)//['a','b']
计算：
letarr=[1,2,3,4].map(x=>x+1); console.log(arr);
8-数组降维使用generator迭代器
vararr=[1,[[2,3],4],[5,6]];
varflat=function*(a){
varlength=a.length;
for(vari=0;i
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。