immutable.js学习笔记（八）----- immutable.js对象 和 原生对象的相互转换

最新推荐文章于 2025-09-30 19:40:07 发布
原创 最新推荐文章于 2025-09-30 19:40:07 发布 · 287 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何使用 Immutable.js 进行数据结构的转换。包括从原生 JavaScript 对象转换到 Immutable.js 对象的方法 fromJS，以及从 Immutable.js 对象转换回原生 JavaScript 对象的方法 toJS。特别关注了复杂数据结构的转换过程。

一、原生对象转换为immutable.js对象

fromJS

栗子一：
在这里插入图片描述
栗子二：
在这里插入图片描述
如果数组里面有对象，对象里面有数组，怎么转换呢

复杂结构的转换

在这里插入图片描述

二、immutable.js对象转换为原生对象

toJS()

是对象身上自己带的
在这里插入图片描述

Scala学习笔记-方便查找使用 为Spark学习打基础
楠楠好难
02-05 4906
Scala学习伊始为什么是Scala网课环境电脑环境安装IDEA插件安装IDEA关联Scala源码基础部分文档注释和生成字符串的三种输出变量和常量数据类型数据类型体系图小结具体数据类型 伊始 为什么是Scala 毕业设计所逼，我课题是《基于spark的实时音乐推荐系统》，而Spark是用Scala开发的，使用Scala必然最合适。虽然Spark提供了Java、Python等的API，但貌似效果不如Scala。 网课 自己找了个网课，开干
Scala学习笔记-详细记录学习中遇到的知识点
H_X_P_的博客
07-30 913
Scala-从入门到放弃，从秀发到秃顶，详细记录学习中遇到的知识点
immutable 中对象的修改 删除 合并
weixin_43791774的博客
11-04 532
//修改 – 任何的修改都会返回一个新的对象 //set/setIn/update/updateIn let obj = { id: 1, name: '张三', user: { age: 20 } } let istate = fromJS(obj) let newState = istate.set('name', '李四') //李四 //toJS方法 就是把immutable对象转为原生js对象 console.log(newState.toJS()); // set 设置值 不需要原值 upd
为什么用Immutable.js代替普通js对象？
weixin_34049948的博客
06-22 120
FROM URL:https://juejin.im/post/59df1a69f265da43346ee96a 将数据视为不可变，将给你带来很多好处。事实上，这是也React背后的原理：React的元素是不可变的。但是用Immutable.js有什么好处呢？ 假定有一个非常巨大的对象… 这里有100,000条待办事项：var todos = {⋮t79444dae: { title: 'Task...
在react、redux中immutable.js的使用方法（immutable对象）
初心 - 杨瑞超个人博客
01-08 1043
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 官方文档：https://facebook.github.io/immutable-js/docs/#/ ，这个是需要翻墙的噢~ 今天来研究下immutable.js的使用方法： 概述 因为在redux的过程中，我们不能直接改变state数据，需要返回...
【immutable学习记录】immutable对象和原生对象的相互转换
qq_46105844的博客
08-15 327
immutable 对象和原生对象的相互转换
immutable对象简介
jiuyehengxia的博客
01-19 495
一. 概述: 一旦创建就不能更改的数据, 对该对象的任何修改或添加的操作都会返回一个新的immutable对象, 在创建新的数据时, 并不会改变旧数据; 为避免性能损耗, 使用了Structure Sharing(结构共享); Facebook工程师开发, 与React同时期出现; 二. 常用API: 1, get()和getIn()方法: 使用get(“item”)获取state中的值...
【教程】Kotlin语言学习笔记（三）——数据容器
EliasChang的博客
02-15 1147
Kotlin语言学习第三部分
Ceph 分布式存储学习笔记（三）：块存储和对象存储管理
最新发布
yuxb73的博客
09-30 882
数据存储形态与访问方式：对象存储将数据以离散的 “对象” 为单位存储，每个对象拥有唯一的对象 ID（或对象密钥）。用户无需知晓对象的物理存储位置，仅通过对象 ID 即可完成数据的存储与检索操作。对象的组成结构：每个对象是文件数据与相关属性信息的集合，包含三部分核心内容：Key（键值）：即对象名称，需为 UTF-8 编码的字符序列，长度大于 0 且不超过 1024 字符；同一存储容器（桶）内的对象 Key 必须唯一，作为对象的核心标识。Metadata（元数据）
如何基于LSM-tree架构实现一写多读
2401_84049282的博客
04-07 461
针对最近很多人都在面试，我这边也整理了相当多的面试专题资料，也有其他大厂的面经。希望可以帮助到大家。下面的面试题答案都整理成文档笔记。也还整理了一些面试资料&最新2021收集的一些大厂的面试真题（都整理成文档，小部分截图）最新整理电子书《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门即可获取！集的一些大厂的面试真题（都整理成文档，小部分截图）[外链图片转存中…(img-47BMQPXR-1712426404324)]最新整理电子书。
immutable不可变对象,介绍及详细用法。
果冻
09-29 1044
immutable介绍及用法 Facebook 工程师使用3年时间打造，与React同期出现，但是没有被默认放到React工具集中，它内部实现了一套完整的数据持久化 里面有很多常见的数据类型Collection List Map Set等 里面有三种重要的数据解构 Map： 键值对集合，对应于Object Es6中也有专门的Map对象 List： 有序可以重复的列表，对应于Array set： 无序并且不可重复key的数组 immutable原理 Immutable 实现的原理是（持久化数据结构），也就
【react】---Immutable的基本使用
weixin_30425949的博客
02-08 199
一、Immutable简介 　　Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点...
immutableJS持久化数据结构
05-11
Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。
immutable.js学习笔记（一）----- Immutable简介
保持清醒
04-24 495
一、Immutable.js 介绍 Immutable.js 官方文档 ： https://immutable-js.github.io/immutable-js/ 关于Immutable的定义，官方文档是这样说的： Immutable data cannot be changed once created, leading to much simpler application development, no defensive copying, and enabling advanced memoiz
immutable.js的使用
胡老大的唯一大老婆的博客
06-28 1415
防止在reducer中修改state facebook提供了immutable库 immutable对象是不可改变的 用法： npm install immutable reducer中如下用 const { fromJS } = require(‘immutable’); const defaultState= fromJS({//转化程immutable对象 focused:false }) ...
immutableJS的使用
weixin_43933771的博客
07-27 511
immutableJS的使用 数据可变性的问题 在React开发中，我们总是会强调数据的不可变性： 无论是对于类组件中的state，还是redux中管理的state都是不建议直接去修改state本身的； 事实上在整个JavaScript编码过程中，数据的不可变性都是非常重要的； 数据的可变性引发的问题（案例）：我们明明没有修改obj，只是修改了obj2，但是最终obj也被我们修改掉了；原因非常简单，对象是引用类型，它们指向同一块内存空间，两个引用都可以任意修改； 有没有办法解决上面的问题呢？进行对象的拷贝即
immutable.js常用方法
qq_57479640的博客
01-05 927
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({
原生的js与jquery的js对象之间的转换
热门推荐
习惯有你&的博客
06-25 1万+
在说他们之间的转换之前先说一下他们之间的关系吧， js它是动态的弱类型的语言，是JavaScript的缩写，而jquery是对js的封装、扩展，jquery是使用js封装的框架，就是让jquery更方便简洁。举个例子吧，js就好比是生的面条，而jquery是方便面，泡一下就可以吃了，比较的方便。即：jquery是使用最少的代码来完成更多的功能。以上是我对js与jquery的区别的理解。
JS中的Immutable
QD的博客
05-23 1116
Persistent Data Structure（持久化数据结构） 也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗，Immutable 使用了 Structural Sharing（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。 Immutable 详解及 Reac
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值