Three simple methods of ES6 array de duplication

Hello everyone , I meet you again , I'm your friend, Quan Jun .

ES6 Three simple ways to remove duplicate arrays

Briefly, use ES6 Three ways to realize array de duplication .

The first one is : utilize Map Objects and arrays filter Method

Paste the relevant code

Printed results

By printing, we found that , It has really achieved the effect we want . Then let's explain briefly . 1.Map The object is ES6 Provide a new data structure , among has The way is to return a Boolean value , Indicates whether a value has the current Mp Among objects ,set The best way is to give Map Object settings key/value. 2.filter() Method to create a new array , The elements in the new array are checked by checking all the eligible elements in the specified array . So ,Map Object combination filter Method can achieve the effect of array de duplication ~

The second kind ： utilize Set Objects and arrays Array.from Method

Also post relevant code snippets

Print the results after running

Simply speaking , The second method is simpler than the first . Let's also explain briefly . 1.Set yes ES6 New data structure , It's like an array , But there are no duplicate values in itself . 2.Array.from Method to convert two types of objects into real arrays ： Array like objects （array-like object） Ergodic （iterable） The object of （ Include ES6 New data structure Set and Map）. therefore set combination Array.from It can also achieve the effect of array de duplication . But here's the thing , Mainstream browsers are like Chrome,Firfox,Opera,Safari, Including Microsoft's Edge, All supported , But only IE Series does not support .

The third kind of ： utilize Set+ Extension operator …

The third way can be said to be simpler Paste the relevant code

Results of running after printing

This is the use of ES6 There are three ways for new features to achieve array de duplication , The common advantage of these three methods is that the code is concise , about undefined and NaN It can also achieve the effect of weight removal ~~

If you have other ways, please share them ~

Publisher ： Full stack programmer stack length , Reprint please indicate the source ：https://javaforall.cn/130837.html Link to the original text ：https://javaforall.cn