updateIn immutable.js

最新推荐文章于 2022-10-16 18:16:12 发布

weixin_30550271

最新推荐文章于 2022-10-16 18:16:12 发布

阅读量282

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiangbanji/p/7746556.html

本文介绍了一个使用JavaScript实现的Immutability模式示例。通过`fromJS`创建不可变对象，并利用`updateIn`方法在指定路径上更新数据，如数组添加元素，最终展示更新前后数组的变化。

这个里面的回调的形参即代表选取得元素

var someObject = {
    a: {b: [1,2]}
}

fromJS(someObject).updateIn(['a', 'b'], arr => arr.push(4));  // 执行结果b的值变为[1,2,4]
这里arr就是[1，2]这个数组

转载于:https://www.cnblogs.com/jiangbanji/p/7746556.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30550271

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript内核与高级编程之：`JavaScript`的`Immutable.js`：其在不可变数据结构中的实现。

weixin_41455464的博客

08-26

103

想象一下，你的代码里有多个地方引用了同一个对象，然后其中一个地方不小心修改了这个对象，结果其他地方也跟着遭殃了。Immutable.js 是一个强大的工具，可以帮助你更好地管理JavaScript应用的状态。但是，它也有一些性能上的考量，你需要根据你的实际情况来决定是否使用它。如果你想修改一个不可变对象，你需要创建一个新的对象，而不是直接修改原有的对象。这是因为 Immutable.js 对象是不可变的，所以如果两个对象的引用相同，那么它们的值也一定相同。方法返回的是一个新的对象，而不是修改原有的对象。

什么是Immutable js它的作用是什么

12-11

843

一、Immutable js的基本概念和作用说明Immutable js的核心优势二、Immutable js的数据结构和常用API1. List示例一：创建和操作List2. Map示例二：创建和操作Map3. Stack示例三：创建和操作Stack4. Record示例四：创建和操作Record5. Set示例五：创建和操作Set三、不同角度的功能使用思路及代码示例数据一致性保障Redux中使用Immutable js函数式编程实践函数式编程示例性能优化策略性能优化示例调试和错误处理调试和错误处理示例。

参与评论您还未登录，请先登录后发表或查看评论

Immutable.js 简记

Geek技术前线

12-09

540

前言：之前的项目中，在遇到redux的深层嵌套问题时，直接使用深拷贝的库对state进行深拷贝再操作并返回修改后的新的state，一直觉得很不优雅和低效。下一个项目中打算在redux中使用Immutable.js。在此对一些API进行简单记录。日后用到其它也会慢慢补充文档地址Immutable中的一些数据结构Map 无序键值对（有点像js的Object）设置 set （对应delete、delet

学习笔记——immutable

聪明绝顶的你与即将秃头的我

12-31

547

Immutable数据就是一旦创建，就不能更改的数据。每当对Immutable对象进行修改的时候，就会返回一个新的Immutable对象，以此来保证数据的不可变。方法上所有的参数声明了它能接受和返回何种类型数据： sum(first: number, second: number): number 泛型也能被定义在类及其变量上： class Box<T> { constructor(value: T) getValue(): T } this这个类型表明返回值类型将参照类的

Immutable.js

weixin_49865737的博客

10-16

260

在redux中，全局state必须是immutable的，这是使用immutable来优化redux的核心

immutable的使用

weixin_33997389的博客

03-10

426

一、什么是immutable immutable是一种持久化数据结构，immutable数据就是一旦创建，就不能更改的数据，每当对immutable对象进行修改的时候，就会返回一个新的immutable对象，以此来保证数据的不可变。二、immutable的几种数据类型 List: 有序索引集，类似JavaScript中的Array。 Map: 无序索引集，类似JavaScript中...

Immutable

Raccon_的博客

03-22

1069

Immutable 每次修改Immutable对象都会创建一个新的不可变对象，在新对象上操作都不会影响到原对象的数据深拷贝与浅拷贝浅拷贝只复制引用，不复制一个新的对象 arr = { }; arr2 = arr Object.assign() 只是一级属性复制，只比浅拷贝多了一层深拷贝复制一个新的对象 const obj1 = JSON.parse(JSON.stringify(obj)) 数组、对象都好用（缺点:不能有undefined） Immutable优化性能 Immutabl

Immutable.js入门：映射、嵌套操作与值比较详解

通过 `.updateIn()` 方法，我们可以按路径更新特定的值，如 `nested2.updateIn(['a','b','d'], value => value+1)` 和 `nested3.updateIn(['a','b','c'], list => list.push(6))`。接下来是数据比较。在 Immutable...

immutable-test:测试 immutableJS

06-06

5. **Immutable.js的API**：Immutable.js 提供了一套丰富的API，如`updateIn`、`merge`、`map`等，方便对数据进行操作而不改变原始数据。 6. **is()函数**：用于比较两个数据结构是否完全相同，包括内部结构和值，...

用js简单实现响应式更新

huang_xiao_rong的博客

03-16

1552

用js简单实现响应式更新

immutable.js中文文档

热门推荐

神经佳的博客

11-22

2万+

Immutable 是什么？关于Immutable的定义，官方文档是这样说的： Immutable data encourages pure functions (data-in, data-out) and lends itself to much simpler application development and enabling techniques from functional ...

Immutable学习笔记

小白努力走

10-30

9446

JavaScript 中的对象一般是可变的（Mutable），因为使用了引用赋值而Immutable数据一旦创建不对被修改

react immutable常用api（记录学习状态）

weixin_48609908的博客

02-17

592

Immutable数据类型 List有序列表，类似于原生类型的Array Map无需索引集合，类似于原生类型的Object OrderedMap有序Map Set集合（值具有唯一性） OrderedSet(有序集合) Stack(堆栈) Range()(按值递增) Repeat()这个方法有两个参数，value代表需要重复的值，times代表要重复的次数，默认为无穷大 Record...

不要让Immutable成为你成长的绊脚石

qq_34131831的博客

03-02

710

immutable是一种持久化数据。一旦被创建就不会被修改。修改immutable对象的时候返回新的immutable。但是原数据不会改变。

immutable 中对象的修改删除合并

weixin_43791774的博客

11-04

520

//修改 – 任何的修改都会返回一个新的对象 //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详解

qq_60976312的博客

07-08

699

immutable详解

Immutable.js学习笔记

sdasadasds的博客

09-16

350

JavaScript数据修改的问题看一段大家熟悉的代码 const state = { str: '教育', obj: { y: 1 }, arr: [1, 2, 3] } const newState = state console.log(newState === state) // true 由于js的对象和数组都是引用类型。所以newState的state实际上是指向于同一块内存地址的, 所以结果是newState和state是相等的。尝试修改一下数据 const s

React之Immutable学习记录

大灰狼的小绵羊哥哥的博客

11-21

3418

从问题说起：熟悉 React 组件生命周期的话都知道：调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑，哪怕实际上你没有更改到 Component.state this.state = {count: 0} this.setState({count: 0});// 组件 state 并未被改变，但仍会触发 render 方法