ES6 中的数组拓展方法 flat() & flatMap()

之前有使用过 flat() 方法，但是一直不知道 flatMap() 方法，在使用 map() 方法组装集合的时候，在组装完成之后还要链式调用一下 flat()，如果可以知道 flatMap() 代码还能精简一点，也方便递归返回的数组内容。

本来是上个月发现的，但隔了一个月才有时间写，已经想不起来当时怎么发现的 flatMap() 这个方法了…
就直接跳过前置场景，直接开始聊这两个扩展方法吧。

阅读全文

Symbol() 是个什么东西?

最近在一些 Demo 中经常会看到 Symbol() 这个东西，例如:

var race = {
  protoss: Symbol(),
  terran: Symbol(),
  zerg: Symbol()
}

就只能记得大概了，就是赋值一个独特的值，但是这个值具体是什么我想不起来了。
所以还是记个笔记加深下印象，省的看了又忘。

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型

阅读全文

ES6 中的 新数据结构 Set & Map

今天在一个需求里边遇到一个使用 MAP 数据结构的场景，就去解了一下 ES6 的新数据结构

ECMAScript 6 内提供了 4种 新结构 Set, WeakSet, Map, WeakMap，虽然已经是5年前的知识了，但是对于我来说还是新🤣

本来想先聊 Map 的，但是仔细看了阮一峰老师的文章之后发现，确实是要从 Set 开始讲

阅读全文

ES6 中 Array 的 fill() 方法

fill 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。

最近遇到的一个坑，其实也不算是坑，只是自己没有了解清楚就在用了。

以前在业务中声明数组变量时我都是使用的 var arr = [] 来声明，
这次兴起用了一次 var arr = new Array(8).fill([]) 声明并且填充内容时居然翻车了….

阅读全文