端端舝

var
?me
?=
?{
?

?
?name:
?
?
?"Yuta
?Shimakawa",
?

?
?tw:
?
?
?
?
?"@banana_umai",
?

?
?qiita:
?
?"bananaumai",
?

?
?github:
?"bananaumai"
?
};

Livesense tech night immutable-js at a glance

祥劐犯奈正
Seq
List
Map
OrderedMap
Set
OrderedSet
Record

var
?list1
?=
?Immutable.List.of(1,
?2);
?
var
?list2
?=
?list1.push(3,
?4,
?5);
?
var
?list3
?=
?list2.unshift(0);
?
var
?list4
?=
?list1.concat(list2,
?list3);
?
assert(list1.size
?===
?2);
?
assert(list2.size
?===
?5);
?
assert(list3.size
?===
?6);
?
assert(list4.size
?===
?13);
?
assert(list4.get(0)
?===
?1);
?
https://github.com/facebook/immutable-js/

JS左皮斥尼弁玄午及
眈誑劐𡥼

var
?map1
?=
?Immutable.Map({a:1,
?b:2,
?c:3,
?d:4});
?
var
?map2
?=
?Immutable.Map({c:10,
?a:20,
?t:30});
?
var
?obj
?=
?{d:100,
?o:200,
?g:300};
?
var
?map3
?=
?map1.merge(map2,
?obj);
?
//
?Map
?{
?a:
?20,
?b:
?2,
?c:
?10,
?d:
?100,
?t:
?30,
?o:
?200,
?g:
?300
?}
var
?deep
?=?Immutable.Map(
?
{
?a:
?1,
?b:
?2,
?c:
?Immutable.List.of(3,
?4,
?5)
?});
?
deep.toObject()
?//
?{
?a:
?1,
?b:
?2,
?c:
?List
?[
?3,
?4,
?5
?]
?}
?
deep.toArray()
?//
?[
?1,
?2,
?List
?[
?3,
?4,
?5
?]
?]
?
deep.toJS()
?//
?{
?a:
?1,
?b:
?2,
?c:
?[
?3,
?4,
?5
?]
?}
?
JSON.stringify(deep)
?//
?'{"a":1,"b":2,"c":[3,4,5]}'

var
?nested
?=
?Immutable.fromJS({a:{b:{c:[3,4,5]}}});
?
//
?Map
?{
?a:
?Map
?{
?b:
?Map
?{
?c:
?List
?[
?3,
?4,
?5
?]
?}
?}
?}
?
var
?nested2
?=
?nested.mergeDeep({a:{b:{d:6}}});
?
//
?Map
?{
?a:
?Map
?{
?b:
?Map
?{
?c:
?List
?[
?3,
?4,
?5
?],
?d:
?6
?}
?}
?}
?
var
?nested3
?=
?
nested2.updateIn(['a',
?'b',
?'d'],
?value
?=>
?value
?+
?1);
?
//
?Map
?{
?a:
?Map
?{
?b:
?Map
?{
?c:
?List
?[
?3,
?4,
?5
?],
?d:
?7
?}
?}
?}
?
var
?nested4
?
?
=
?nested3.updateIn(['a',
?'b',
?'c'],
?list
?=>
?list.push(6));
?
//
?Map
?{
?a:
?Map
?{
?b:
?Map
?{
?c:
?List
?[
?3,
?4,
?5,
?6
?],
?d:
?7
?}
?}
?}

var
?oddSquares
?=
?Immutable.Seq.of(1,2,3,4,5,6,7,8)
?

?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?.filter(x
?=>
?x
?%
?2)
?

?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?.map(x
?=>
?x
?*
?x);
?//
?not
?computed
?here!
?

?
?
oddSquares.get(1);
?//
?9

var
?map1
?=
?b:1,
?c:1});
?
var
?map2
?=
?b:1,
?c:1});
?
assert(map1
?!==
?map2);
?
assert(Immutable.is(map1,
?map2)
?===
?true);

Immutable卅伉旦玄毛
匼无卞灍蚾仄化心凶

釵梭棗紳梗卞方月灍蚾

var
?_
?=
?require('lodash');
?

?
?
function
?iPush(arr,
?val)
?{
?

?
?var
?arr2
?=
?_.clone(arr);
?

?
?arr2.push(val);
?

?
?return
?arr2;
?
}
?

?
?
var
?arr
?=
?[];
?
for
?(var
?i
?=
?0;
?i
?<
?100000;
?i++)
?{
?

?
?arr
?=
?iPush(arr,
?i);
?
}
https://gist.github.com/bananaumai/cc2f4d90662aa823ce9e

＃反
clone及戊旦玄互壩湮

var
?LinkedList
?=
?{};
?
LinkedList.prototype
?=
?{
?

?
?head:
?function()
?{
?

?
?
?
?return
?this._head;
?

?
?},
?

?
?

?
?tail:
?function()
?{
?

?
?
?
?return
?this._tail;
?

?
?},
?

?
?

?
?push:
?function(val)
?{
?

?
?
?
?return
?new
?NonEmptyList(val,
?this);
?

?
?},
?

?
?

?
?forEach:
?function(fnc)
?{
?

?
?
?
?fnc(this._head);
?

?
?
?
?if
?(this._tail
?instanceof
?NonEmptyList)
?{
?

?
?
?
?
?
?this._tail.forEach(fnc);
?

?
?
?
?}
?

?
?}
?
};
?
var
?EmptyList
?=
?function()
?{
?

?
?this._head
?=
?null;
?

?
?this._tail
?=
?null;
?
};
?
EmptyList.prototype
?=
?Object.create(LinkedList.prototype);
?
EmptyList.prototype.constructor
?=
?EmptyList;
https://gist.github.com/bananaumai/164b24b264e0f917007c
var
?NonEmptyList
?=
?function(head,
?tail)
?{
?

?
?this._head
?=
?head;
?

?
?this._tail
?=
?tail;
?
};
?
NonEmptyList.prototype
?=
?
Object.create(LinkedList.prototype);
?
NonEmptyList.prototype.constructor
?=
?NonEmptyList;
?
?
LinkedList.of
?=
?function()
?{
?

?
?var
?_create
?=
?function(vals,
?list)
?{
?

?
?
?
?if
?(vals.length
?===
?0)
?return
?list;
?

?
?
?
?var
?head
?=
?vals.shift();
?

?
?
?
?return
?_create(vals,
?new
?NonEmptyList(head,
?list))
?

?
?};
?

?
?

?
?return
?_create(
?

?
?
?
?Array.prototype.slice.call(arguments).reverse(),
?

?
?
?
?new
?EmptyList()
?

?
?);
?
};

var
?list
?=
?LinkedList.of();
?
for
?(var
?i
?=
?0;
?i
?<
?100000;
?i++)
?{
?

?
?list
?=
?list.push(i);
?
}
?
https://gist.github.com/bananaumai/164b24b264e0f917007c

＃反
(ㄕpush反公木卅曰卞厒中仃升???)
藺帣婬䔝郔羥趙
今木卅中及匹褣仄中
(ㄕObject.Array及API及灍政仄方丹午允月午???)

勳鳥鳥喝喧硃莉梭梗-轍莽及失皿伕奈民

Trie
http://ja.wikipedia.org/wiki/%E3%83%88%E3%83%A9%E3%82%A4%E6%9C%A8

(def
?list
?[0
?1
?2
?3
?4
?5])

Clojure支Scala互妸蚚
仄化中月失皿伕奈民

梆鳥鳥喝喧硃莉梭梗.郭勳莽喧及灍蚾

恅趼蹈及平奈及測歹曰卞
氝趼及杅�毛bit卞劐𡥼﹜
由奈氾奴扑亦瓦件弘

var
?list
?=
?Immutable.List.of(1,＃,1000);
?
list.get(887);
http://hypirion.com/musings/understanding-persistent-vector-pt-2#f1n

灍蕣反5bit內勾煦賃允月及匹
∣
O(Log32N)

灍蕣反32籵曰
http://hypirion.com/musings/understanding-persistent-vector-pt-1

var
?list1
?=
?Immutable.List.of(1,2,3,4,5,6,7,8);
?
var
?list2
?=
?list1.set(5,
?"beef");
list1 list2

猁匼及push
var
?list1
?=
?Immutable.List.of(＃);
?
var
?list2
?=
?list.push(＃);

郔衵及伉奈白用奈玉卞諾五互丐月�磁

郔衵及伉奈白用奈玉卞諾五互卅中�磁

root井日扥太月允屯化及伉奈白互鎚引勻化中月�磁

猁匼及pop
var
?list1
?=
?Immutable.List.of(＃);
?
var
?list2
?=
?list.pop();

郔衵及伉奈白用奈玉互2勾眕奻及猁匼毛厥勾�磁

郔衵及伉奈白用奈玉互1勾及猁匼毛厥勾�磁

祅壺摽root用奈玉互1勾及猁匼分仃毛手勾�磁

Trie卞方月伉旦玄及桶政
O(Log32N)及失弁本旦
郔苤癹及戊疋奈

端端舝

Livesense tech night immutable-js at a glance

More Related Content

Livesense tech night immutable-js at a glance