如何使用Lodash 4提取JSON数组对象内的字段值？

嘿，我来帮你搞定这个Lodash提取字段的问题！遇到undefined通常都是路径没找对，或者你对服务器返回的响应结构判断有误。先给你梳理几个实用的排查方向和解决办法：

这是最关键的一步！你可以在控制台里打印完整的响应数据，比如用：

console.log(JSON.stringify(serverResponse, null, 2));

举两个常见的响应结构例子：

• 情况A：数组元素直接是目标对象

const serverResponse = [
  { from: "user1", to: "user2", amount: 100, result: "success" },
  { from: "user3", to: "user4", amount: 200, result: "success" }
];

• 情况B：数组元素里嵌套了一层对象

const serverResponse = [
  {
    transaction: {
      from: "user1",
      to: "user2",
      amount: 100,
      result: "success"
    }
  }
];

根据不同的响应结构，写法完全不一样：

针对情况A：数组直接存目标对象 #

如果每个数组元素就是包含from/to/amount/result的对象，用_.map批量提取最方便，推荐搭配_.get（避免字段不存在时报错）：

const _ = require('lodash');

// 提取所有from字段组成数组
const fromList = _.map(serverResponse, 'from');
// 提取每个对象的指定字段，生成新的结构化数组
const transactionList = _.map(serverResponse, item => ({
  from: _.get(item, 'from'),
  to: _.get(item, 'to'),
  amount: _.get(item, 'amount', 0), // 给不存在的字段设默认值0
  result: _.get(item, 'result', 'unknown')
}));

针对情况B：数组元素嵌套了对象 #

这种情况要把嵌套路径写全，比如目标字段在transaction下面：

// 提取第一个元素的from字段
const firstFrom = _.get(serverResponse, '[0].transaction.from');
// 批量提取所有to字段
const toList = _.map(serverResponse, 'transaction.to');

• 路径拼写错误：比如把transaction.from写成transactions.from，或者数组索引用错（比如服务器返回的是单个对象不是数组，就不能用[0]）
• 没拿到真实响应数据：如果用axios/fetch请求，要记得取res.data，而不是直接拿Promise对象：

// 错误写法：直接操作Promise
const res = axios.get('/api/trans');
const from = _.get(res, '[0].from'); // 肯定是undefined

// 正确写法
axios.get('/api/trans')
  .then(res => {
    const from = _.get(res.data, '[0].from'); // 要取res.data！
    console.log(from);
  });

• 字段大小写不匹配：服务器返回的是From还是from？大小写敏感一定要注意！

如果还是搞不定，把你打印出来的响应结构和你写的Lodash代码贴出来，我再帮你精准定位问题~

内容的提问来源于stack exchange，提问作者SeaWarrior404