在前端开发中，使用 ImmutableJS 可以方便地处理复杂数据结构，提高性能和代码可读性。其中，Map() 和 fromJS() 是 ImmutableJS 提供的两种不同的数据类型处理方式，但许多人对它们之间的区别感到困惑。本文将详细介绍 Map() 和 fromJS() 的区别，并为您提供相关示例和指导意义。
Map()
Map() 是用来创建一个新的不可变 Map 对象的方法。Map 对象可以用来存储键值对，其中键和值均可以是任何 JavaScript 类型（包括对象、数组等），并且支持链式调用。Map 对象在增、删、改操作时都会返回一个新的 Map 对象，而不会修改原有的 Map 对象。这样做可以确保数据不变性，避免副作用带来的风险。
下面是一个简单的使用 Map() 的示例：
import { Map } from 'immutable';
const map1 = Map({ a: 1, b: 2, c: 3 });
const map2 = map1.set('b', 50);
console.log(map1.get('b')); // 2
console.log(map2.get('b')); // 50在上面的示例中，我们创建了一个名为 map1 的 Map 对象，其包含三个键值对。然后，我们通过 set() 方法修改了 map1 中的一个值，返回了一个新的 Map 对象 map2。最后，我们分别打印了 map1 和 map2 中 b 的值，可以看到修改前后的值不同。
fromJS()
fromJS() 也是用来创建一个新的不可变对象的方法，但与 Map() 不同的是，它可以将任何 JavaScript 对象转换为其不可变的等价形式。这意味着，如果您有一个复杂的 JavaScript 对象，您可以使用 fromJS() 将其转换为 ImmutableJS 对象，并保持其数据结构不变。
下面是一个简单的使用 fromJS() 的示例：
-- -------------------- ---- -------
------ - ------ - ---- ------------
----- --- - -
-- -
-- --- -- --
--
-- -
-- -
-
--
----- ------------ - ------------
------------------------------------ ---- ----- -- -在上面的示例中，我们定义了一个名为 obj 的 JavaScript 对象，其中包含一个嵌套的数组和对象。然后，我们使用 fromJS() 方法将 obj 转换为不可变的 ImmutableJS 对象 immutableObj。最后，我们使用 getIn() 方法获取 immutableObj 中嵌套数组中的第二个元素（即 2）。
区别
尽管 Map() 和 fromJS() 都可以创建不可变对象，但它们之间还是存在一些重要区别：
- 数据类型：Map() 可以创建一个键值对 Map 对象，而 fromJS() 可以创建任意类型的 ImmutableJS 对象，包括 Map, List, Set 等。
- 数据结构：Map() 只能创建键值对映射的数据结构，而 fromJS() 可以接受 JavaScript 对象、数组等复杂数据结构，并转换为等价不可变对象。
- 性能：由于 fromJS() 要将 JavaScript 对象转换为 ImmutableJS 对象，因此在处理大量数据时可能会更加耗费内存和时间。
- 使用场景：Map() 适用于处理简单的键值对数据结构，而 fromJS() 则适合处理复杂数据结构，特别是从服务器端获取到的 JSON 数据。
指导意义
在使用 ImmutableJS 时，应该根据具体场景选择合适的方法。如果您的数据结构简单且只需要进行增删
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30463