Question

我应该能够通过为keyPath参数提供一个数组来获得深度嵌套的值。这就是我所做的，但是我将undefined作为返回值。

var obj = Immutable.Map({categories: {1: 'a', 2: 'b'}});
var output = obj.getIn(['categories', 1]);
alert(output);

我做错了什么？

Answer 1

地图只是具有值的键的集合。您拥有的是包含密钥categories和值{1: 'a', 2: 'b'}的地图。该值不会自动成为不可变地图，因为您将其放在另一个地图中。

现在，getIn()函数只会“看到”其他Immutable.js地图。你在那里有一个常规的ol'javascript对象。如果您只想获得1值，则可以执行以下操作：

var obj = Immutable.Map({categories: {1: 'a', 2: 'b'}});
var output = obj.getIn(["categories"])[1];
alert(output);

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js"></script>

如果您希望categories集合也是地图，则必须明确定义。此外，正如Amit所指出的，您需要使用带有getIn()函数的字符串。

var obj = Immutable.Map({
	categories: Immutable.Map({
		1: 'a',
		2: 'b'
	})
});
var output = obj.getIn(['categories', '1']);
alert(output);

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js"></script>

以上代码将返回'a'。

如果您有许多嵌套地图，那么您可能会更方便地执行以下操作。

var obj = Immutable.fromJS({
	categories: {
		1: 'a',
		2: 'b'
	}
});
var output = obj.getIn(['categories', '1']);
alert(output);

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js"></script>

fromJs()函数会自动将任何嵌套对象转换为地图或列表。

Answer 2

您的代码有两个问题：