简介
Dirty 是一个可以改变原始 JavaScript 对象属性值的 NPM 包。它可以非常轻松地在 JavaScript 项目中使用。
安装
使用 npm 来安装 Dirty：
npm install dirty
使用
Dirty 的使用非常简单，只需要用 require 引入它，然后就可以直接访问 Dirty 类：
const Dirty = require('dirty');创建对象
可以通过传递一个 JavaScript 对象来创建一个 Dirty 对象：
const obj = {
name: 'John',
age: 30
};
const dirty = new Dirty(obj);或者，可以创建一个空的 Dirty 对象，然后使用 set 方法添加属性：
const dirty = new Dirty();
dirty.set('name', 'John');
dirty.set('age', 30);获取属性值
Dirty 提供了两种方法来获取属性值，一种是使用 get 方法，另一种是直接使用对象属性访问语法：
dirty.get('name'); // 'John'
dirty.age; // 30设置属性值
使用 set 方法来设置属性值：
dirty.set('name', 'Tom');
dirty.name; // 'Tom'也可以使用对象属性访问语法：
dirty.age = 25; dirty.age; // 25
清除属性
使用 clear 方法可以清除属性：
dirty.clear('name');
dirty.get('name'); // undefined也可以直接使用 delete 操作符删除属性：
delete dirty.age; dirty.age; // undefined
判断属性是否存在
使用 has 方法可以判断属性是否存在：
dirty.has('name'); // false
dirty.set('name', 'John');
dirty.has('name'); // true撤销修改
使用 undo 方法可以撤销最近的一个修改：
dirty.set('name', 'Tom');
dirty.undo();
dirty.name; // 'John'重做修改
使用 redo 方法可以重做最近被撤销的修改：
dirty.redo(); dirty.name; // 'Tom'
获取所有属性名
使用 keys 方法可以获取所有属性名：
dirty.keys(); // ['name', 'age']
获取属性个数
使用 size 方法可以获取属性个数：
dirty.size(); // 2
遍历属性
可以使用 forEach 或者 map 方法来遍历属性：
dirty.forEach((key, value) => {
console.log(key + ": " + value);
});
dirty.map((key, value) => key + ": " + value) // ["name: John", "age: 25"]结束语
在使用 Dirty 的时候需要注意，它会修改原始对象的属性值，所以在使用的过程中需要小心。
在实际的开发中，我们可以将 Dirty 应用于数据层的状态管理，使得我们可以非常方便地修改和撤销状态。
在完成本教程后，你将对 Dirty 的基本使用和用法有了深入了解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/92113