Immutable
2017-11-20 19:23:32 8 举报AI智能生成
Immutable学习笔记导图
作者其他创作
大纲/内容
immutable
总结文章
Immutable 的几种数据类型
List
有序索引集，类似JavaScript中的Array
Map
无序索引集，类似JavaScript中的Object
OrderedMap
有序的Map，根据数据的set()进行排序
Set
没有重复值的集合
OrderedSet
有序的Set，根据数据的add进行排序
Stack
有序集合，支持使用unshift（）和shift（）添加和删除
Range()
Repeat()
返回一个vSeq.Indexe类型的集合，这个方法有两个参数，value代表需要重复的值，times代表要重复的次数，默认为无穷大
Record
一个用于生成Record实例的类。类似于JavaScript的Object，但是只接收特定字符串为key，具有默认值
Seq
序列，但是可能不能由具体的数据结构支持
Collection
是构建所有数据结构的基类，不可以直接构建
API使用
fromJS()
ul data-source-line=\"31\
值得注意的是，将JS object转换成Immutable Maps时， JS对象的属性永远都是字符串，即使写为没有字符串的简写形式
例子
pre data-source-line=\"35\
toJS()
作用：将一个Immutable数据转换为JS类型的数据
用法：value.toJS()
is()
作用：对两个对象进行比较
ul data-source-line=\"62\
pre data-source-line=\"68\" data-initialized=\"true\" data-gclp-id=\"37\
List 和 Map
创建
List() 和 Map()
List是有序索引密集的集合，和JS中的Array很像
作用：用来创建一个新的List/Map对象
List.of() 和 Map.of()
作用：创建一个新的包含value的List/Map对象
判断
List.isList() 和 Map.isMap()
作用：判断一个数据结构是不是List/Map类型
长度
size
作用：获取List/Map的长度
数据读取
get() 、 getIn()
作用：获取数据结构中的数据
has() 、 hasIn()
作用:判断是否存在某一个key
pre data-source-line=\"158\" data-initialized=\"true\" data-gclp-id=\"38\
includes()
作用：判断是否存在某一个value
pre data-source-line=\"170\" data-initialized=\"true\" data-gclp-id=\"39\
first() 、 last()
作用：用来获取第一个元素或者最后一个元素，若没有则返回undefined
pre data-source-line=\"182\" data-initialized=\"true\" data-gclp-id=\"40\
数据修改
set()
作用：设置第一层key、index的值
语法
pre data-source-line=\"200\" data-initialized=\"true\" data-gclp-id=\"41\
setIn()
作用：设置深层结构中某属性的值
pre data-source-line=\"215\
删除 delete
作用：用来删除第一层结构中的属性
delete(index: number): List<T> //Listdelete(key: K): this //Map
deleteIn()
用来删除深层数据，用法参考setIn
deleteAll() (Map独有，List没有)
作用：用来删除Map中的多个key
deleteAll(keys: Iterable<K>): this
const names = Map({ a: \"Aaron\
更新 update()
作用：对对象中的某个属性进行更新，可对原数据进行相关操作
pre data-source-line=\"259\" data-initialized=\"true\" data-gclp-id=\"46\
清除 clear()
作用：清除所有数据
pre data-source-line=\"275\" data-initialized=\"true\" data-gclp-id=\"47\
List中的各种删除与插入
push()：在List末尾插入一个元素pop(): 在List末尾删除一个元素unshift: 在List首部插入一个元素shift: 在List首部删除一个元素insert：在List的index处插入元素
pre data-source-line=\"291\" data-initialized=\"true\" data-gclp-id=\"48\
关于merge
merge
作用：浅合并，新数据与旧数据对比，旧数据中不存在的属性直接添加，就数据中已存在的属性用新数据中的覆盖
mergrWith
作用：自定义浅合并，可自行设置某些属性的值
mergeIn
作用：对深层数据进行浅合并
mergeDeep
作用：深合并，新旧数据中同时存在的的属性为新旧数据合并之后的数据
mergeDeepIn
作用：对深层数据进行深合并
mergrDeepWith
作用:自定义深合并，可自行设置某些属性的值
这里用一段示例彻底搞懂merge，此示例为Map结构，List与Map原理相同
pre data-source-line=\"335\" data-initialized=\"true\" data-gclp-id=\"49\
序列算法
concat()
作用：对象的拼接，用法与js数组中的concat()相同，返回一个新的对象
const List = list1.concat(list2)
map()
作用：遍历整个对象，对Map/List元素进行操作，返回一个新的对象
pre data-source-line=\"367\
Map特有的mapKey()
作用：遍历整个对象，对Map元素的key进行操作，返回一个新的对象。
pre data-source-line=\"378\
Map特有的mapEntries()
作用：遍历整个对象，对Map元素的key和value同时进行操作，返回一个新的对象。Map的map()也可实现此功能
pre data-source-line=\"389\
过滤 filter
作用：返回一个新的对象，包括所有满足过滤条件的元素
还有一个filterNot()方法，与此方法正好相反
pre data-source-line=\"402\
反转 reverse
作用：将数据的结构进行反转
pre data-source-line=\"417\
排序 sort & sortBy
作用：对数据结构进行排序
pre data-source-line=\"428\
分组 groupBy
作用：对数据进行分组
pre data-source-line=\"467\
查找数据
indexOf() 、 lastIndexOf 。Map不存在此方法
作用：和js数组中的方法相同，查找第一个或者最后一个value的index值，找不到则返回-1
pre data-source-line=\"491\
findIndex() 、 findLastIndex() 。Map不存在此方法
作用：查找满足要求的元素的index值
pre data-source-line=\"501\
find() 、 findLast()
作用：查找满足条件的元素的value值
pre data-source-line=\"516\
findKey() 、 findLastKey()
作用：查找满足条件的元素的key值
pre data-source-line=\"532\
findEntry() 、 findLastEntry()
作用：查找满足条件的元素的键值对 key:value
pre data-source-line=\"548\
keyOf() lastKeyOf()
作用：查找某一个value对应的key值
pre data-source-line=\"565\
max() 、 maxBy()
作用：查找最大值
pre data-source-line=\"576\
min() 、 minBy()
作用：查找最小值
pre data-source-line=\"590\
创建子集
slice()
作用： 和原生js中数组的slice数组一样，包含两个参数，start和end，start代表开始截取的位置，end代表结束的位置，不包括第end的元素。若不包括end，则返回整个对象，若end为负数，则返回（start，length-end）对应的数据。若start只有一个并且为负数，则返回最后的end个元素
pre data-source-line=\"604\
rest()
作用：返回除第一个元素之外的所有元素
butLast()
作用：返回除最后一个元素之外的所有元素
skip()
skipLast()
ul data-source-line=\"633\
skipWhile()
作用：返回从第一次返回false之后的所有元素
pre data-source-line=\"639\
take()
ul data-source-line=\"658\
takeLast()
ul data-source-line=\"664\
takeWhile()
作用：返回从第一次返回false之前的所有元素
pre data-source-line=\"670\
处理数据
reduce()
pre data-source-line=\"692\
reduceRight()
pre data-source-line=\"706\
every()
作用：判断整个对象总中所有的元素是不是都满足某一个条件，都满足返回true，反之返回false。
pre data-source-line=\"720\
some()
作用：判断整个对象总中所有的元素是不是存在满足某一个条件的元素，若存在返回true，反之返回false。
pre data-source-line=\"732\
join()
作用：同js中数组的join方法。把准换为字符串
ul data-source-line=\"742\
isEmpty()
作用：判断是否为空
用法
Immutable.fromJS([]).isEmpty(); // trueImmutable.fromJS({}).isEmpty(); // truecount()
countBy()
作用：与count不同的是，countBy返回一个对象
pre data-source-line=\"779\
0 条评论
回复 删除
下一页
