当数据未定义或为空时如何使用 Lodash

Posted 2023-03-13

【中文标题】当数据未定义或为空时如何使用 Lodash

【英文标题】：How to use Lodash when data is undefined or null

【发布时间】：2019-01-17 16:29:11

【问题描述】：

在我的应用程序中，如果来自服务的数据未定义或为空，我的 html 将不会加载，我将收到“数据未定义”错误 所以我想用lodash，但不知道怎么用..

在我下面的 ts 文件中

    this._PartService.GetDataValues().subscribe(
  result => 
    this.distributionData = this._PartService.part_data.partMasterDataCompleteList[0].partMasterData.plantSupplies.plantSupply
  

如果数据不存在，我将得到“partMasterDataCompleteList”作为 undefiend 或 null，所以我正在尝试使用 Lodash，但我不知道如何使用它

【问题讨论】：

尝试使用 lodash 是什么意思？

如果它可以是未定义的，你应该处理这种情况。

【参考方案1】：

Lodash 提供了很多方法来检查并从对象中获取所需的值。

_.get 实际上会返回值（如果存在），如果不存在则返回undefined。

_.has 会检查该值是否存在，如果存在则返回 true，如果不存在则返回 false。

_.hasIn 将与_.has 执行相同的操作，但还会检查这是否是继承属性。

_.result 实际上会走路径并返回值，但有一个主要区别...... 它将执行任何函数以获取值。

例子：

var data =  more:  result: 1
var data2 = _.create( 'more': _.create( 'result': 2 ) );
var data3 =  more: function()  return  result: 1 

console.log(_.get(data, 'more.result'))     // 1
console.log(_.has(data, 'more.result'))     // true
console.log(_.hasIn(data2, 'more.result'))  // true
console.log(_.result(data3, 'more.result')) // 1

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

【参考方案2】：

您可能想要使用_.get 函数。

this.distributionData = _.get(this, '_PartService.part_data.partMasterDataCompleteList[0].partMasterData.plantSupplies.plantSupply')

【讨论】：

是的 - 并在之前导入。在这种情况下，名称为 _

我有“let temp = []; this.weight = temp”，这里的 temp 是一个数组，那么我该如何使用 ._get 这个数组

我可以使用 ._get 来执行以下代码 this.PartServiceData.masterData = result['data'].partMasterDataCompleteList[0];

【参考方案3】：

为了处理未定义的情况，我使用以下方法：

this.distributionData =((((this._PartService.part_data.partMasterDataCompleteList || [])[0] || ).partMasterData || ).plantSupplies || ).plantSupply

虽然更好的方法是让服务器发送一个空数组而不是 undefined 或 null。

这不是 lodash 问题。它只是处理未定义或空的情况

【讨论】：

谢谢..它工作但对于每个对象我需要继续添加空对象所以我尝试使用 Lodash..如果你知道请告诉我

lodash .get 对象函数可能会起作用。见lodash.com/docs/4.17.10#get