Lodash _.set() 方法介绍

Lodash 是一个 JavaScript 实用工具库，极大地简化了 JavaScript 编程。其中 _.set() 方法是 Lodash 提供的一个常用的辅助函数，它可以将一个指定的值设置到对象的指定属性路径上。本文将为大家详细介绍 _.set() 方法的用法和示例。

语法

_.set(object, path, value)

• object (Object): 需要更新的对象。
• path (Array|string): 要设置的属性路径。
• value (*): 要设置的值。

参数说明

• path 参数可以是一个数组或字符串。如果 path 参数是一个数组，则各个元素表示目标对象从顶层开始的嵌套路径，如果元素的值为数字，则表示目标对象中的数组索引，否则表示对象属性名。如果 path 参数是一个字符串，则中间用点号 "." 分隔各个元素，表示嵌套路径。例如："a.b[0].c" 表示 a 对象的 b 属性的第 1 个元素的 c 属性。

• value 可以是任意类型，包括 undefined 和 null。

返回值

设置属性成功，返回 object；否则返回 undefined。

示例

1. 设置对象的普通属性

假设有一个对象 person，包含 name 和 age 属性：

let person = {
  name: '张三',
  age: 20
};

使用 _.set() 方法设置 person 对象的 age 属性为 30：

_.set(person, 'age', 30);
console.log(person); // {name: "张三", age: 30}

2. 设置对象的嵌套属性

假设有一个对象 book，包含 author 和 detail 两个属性，其中 detail 又包括 price 和 pubDate 属性：

let book = {
  author: '李四',
  detail: {
    price: 50,
    pubDate: '2021-01-01'
  }
};

使用 _.set() 方法设置 book 对象的 detail 对象的 price 属性为 60：

_.set(book, 'detail.price', 60);
console.log(book); // {author: "李四", detail: {price: 60, pubDate: "2021-01-01"}}

3. 设置对象的数组属性

假设有一个对象 data，包含 items 数组属性，其中 items 数组有两个元素：

let data = {
  items: [
    {name: '商品 1', price: 100},
    {name: '商品 2', price: 200}
  ]
};

使用 _.set() 方法设置 data 对象的 items 数组的第 2 个元素的 price 属性为 300：

_.set(data, 'items[1].price', 300)
console.log(data); 
// { items: [ { name: '商品 1', price: 100 }, { name: '商品 2', price: 300 } ] }

注意事项

• 如果目标属性路径不存在，则会自动创建中间的对象和数组。
• 数组索引必须使用方括号 []，而不能使用点号 "."。
• 属性名可以使用 JavaScript 的字符串语法规则，例如字母、数字、下划线、中文等。

总结

Lodash 的 _.set() 方法非常方便实用，可以极大的简化对象属性的设置，避免了手写判断存在性的繁琐逻辑。同时，使用 _.set() 方法可以让代码更加清晰易懂，提升了代码鲁棒性。

以上就是 _.set() 方法的详细介绍，希望大家在开发中好好利用这个工具，提高开发效率。