immutable.js常用方法

immutable.js常用方法

fromJS():把js数据转为immutable数据(深转换)
//const obj = fromJS({name:'Tom',age:18})/const list = fromJS([1,2,3])
toJS():把immutable数据转为js数据(深转换)
//const obj1 = obj.toJS()/const list1 = list.toJS()
Map():把object转为immutable数据(浅转换)
//const obj2 = Map({name:'Tom',age:18，say:['one','two']})
immutable数据Map类型操作方法
set()/setIn():增(深层操作使用setIn(),也能使用setIn()进行更改数据)
//const obj3 = obj2.set('play','basketball')
//const obj4 = obj2.setIn(['set',2],'三')
delete()/deleteIn():删(深层操作使用deleteIn())
//const obj5 = obj2.delete('age')
//const obj6 = obj2.deleteIn(['say',2])
update()/updateIn():改(深层操作使用update())
//const obj7 = obj2.update('name',function(x){return 'jerry'})
//const obj8 = obj2.update(['say',0],function(x){return '一'})
get()/getIn():查(深层操作使用update())
//const obj9 = obj2.get('name')
//const obj10 = obj2.getIn(['say',0])
List():把array转为immutable数据(浅转换)
const list = List([1,2,3,4,{name:'tom',say:['hi','jerry']},6])
immutable数据List类型操作方法
push()/splice:增
//const list1 = list.push(7)/const list1 = list.splice(0,0,7)
splice:删
splice(x)：只有一个参数时，参数表示List的长度，用于截取
splice(x,x):有2个参数时，第一个参数表示List的索引，第二个参数表示截取的长度
splice:改
splice(x,x,x):有3个参数时，第一个参数表示List的索引，第二个参数表示截取的长度，第三个参数表示修改的数据
List深层操作修改
//查找对应的索引
const index = list.findIndex( item => item.name == 'tom')
//修改'tom'为'tomcat'
const list2 = list.updateIn([index,'name'],functtion(x){return 'tomcat'})
getIn():查
const listitem = list.getIn([x])//参数x为索引