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 条评论
回复 删除
下一页