Immutable.js - 是否可以在任意位置将元素插入列表？

Question

也许这是一个愚蠢的问题,但无论如何.如何在Immutable.js List的任意位置插入元素？

Answer 1

您正在寻找splice方法:

Splice通过用新值替换此Iterable的区域来返回新的索引Iterable.

splice(index: number, removeNum: number, ...values: any[])

您可以在哪里指定index,如果您编写0,removeNum只需在给定位置插入值:

var list = Immutable.List([1,2,3,4]);
console.log(list.toJS()); //[1, 2, 3, 4]
var inserted = list.splice(2,0,100);
console.log(list.toJS()); //[1, 2, 3, 4]
console.log(inserted.toJS()); //[1, 2, 100, 3, 4] 

演示JSFiddle.

Answer 2

值得指出的是,你也可以使用插入方法,它实际上是同义词,list.splice(index, 0, value)但它感觉更直观,并大大提高了可读性.

const myImmutableList = Immutable.fromJS(['foo', 'baz'])
const newList = myImmutableList.insert(1, 'bar')

console.log(newList.toJS()) //["foo", "bar", "baz"]