ES6常用小技巧總結(jié)【去重、交換、合并、反轉(zhuǎn)、迭代、計(jì)算等】

來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：JavaScript|點(diǎn)擊：次

本文實(shí)例講述了ES6常用小技巧。分享給大家供大家參考，具體如下：

1- 數(shù)組去重

var arr = [1,2,3,4,3,4]; 
var arr2 = [...new Set(arr)];

這個(gè)時(shí)候arr2就是去重后的數(shù)組~

2- 交換兩個(gè)變量的值

let [x,y] = [1,2];
[y,x] = [x,y];
console.log(y);

3- 獲取字符串中的某個(gè)字符

let arr= "hellomybo";
console.log(arr[3]);

4- 使用箭頭函數(shù)代替回調(diào)函數(shù)

ES5的寫法

let a1 = [1,2,3].map(function (x) {
  return x * x;
});

ES6 箭頭函數(shù)寫法

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

5- 合并數(shù)組

var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];

// ES5的合并數(shù)組
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]

// ES6的合并數(shù)組
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

6- 字符串反轉(zhuǎn)

let str = "12345678900987654321";

原始寫法：

str.split('').reverse().join('')

展開寫法：

[...str].reverse().join('')

7- 過(guò)濾需要的數(shù)值和獲得計(jì)算后的數(shù)值

過(guò)濾：

['a',,'b'].filter(x => true)   // ['a','b']

計(jì)算：

let arr = [1,2,3,4].map(x=>x+1);
console.log(arr);

8-數(shù)組降維使用generator迭代器

var arr = [1, [[2, 3], 4], [5, 6]];
var flat = function* (a) {
 var length = a.length;
 for (var i = 0; i < length; i++) {
  var item = a[i];
  if (typeof item !== 'number') {
   yield* flat(item);
  } else {
   yield item;
  }
 }
};
for (var f of flat(arr)) {
 console.log(f);
}

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

上一篇：高性能js數(shù)組去重(12種方法，史上最全)

欄目：JavaScript

下一篇：Vue+Node實(shí)現(xiàn)的商城用戶管理功能示例

本文標(biāo)題：ES6常用小技巧總結(jié)【去重、交換、合并、反轉(zhuǎn)、迭代、計(jì)算等】

本文地址：http://mengdiqiu.com.cn/a1/JavaScript/9439.html

更多JavaScript