当属性可能不存在时，数组中对象属性的不同值

Question

我正在基于对象数组中的单个属性创建一个不同值的数组。没有什么不寻常的，但我正在使用的 JSON可能没有那个属性。结果是我在新数组中获得了一个值为undefined. 有没有办法防止这种情况？const cars = [{    "name": "Toyota",    "model": "Corolla"  },  {    "name": "Toyota",    "model": "Supra"  },  {    "name": "Toyota",    "model": "Rav4"  },  {    "name": "Toyota"  }];const distinctModels = [...new Set(cars.map(car => car.model))];console.log(distinctModels);编辑 - 我应该提到我有兴趣知道是否有办法在仍然使用new Set.

Answer 1

您可以对数组进行后期处理并过滤虚假值。

const cars = [{ name: "Toyota", model: "Corolla" }, { name: "Toyota", model: "Supra" }, { name: "Toyota", model: "Rav4" }, { name: "Toyota" }];

const distinctModels = [...new Set(cars.map(car => car.model))].filter(Boolean);

console.log(distinctModels);

Answer 2

使用.hasOwnProperty来检查，如果财产的对象或不存在

const cars = [{

    "name": "Toyota",

    "model": "Corolla"

  },

  {

    "name": "Toyota",

    "model": "Supra"

  },

  {

    "name": "Toyota",

    "model": "Rav4"

  },

  {

    "name": "Toyota"

  }

];

const distinctModels = []

cars.forEach(function(e){

e.hasOwnProperty('model')?distinctModels.push(e.model):false;

});

console.log(distinctModels);

Answer 3

您可以使用Array.prototype.flatMap在一个循环中完成它，当值不存在时返回一个空数组。

const cars = [{

   "name": "Toyota",

   "model": "Corolla"

},

{

   "name": "Toyota",

   "model": "Supra"

},

{

   "name": "Toyota",

   "model": "Rav4"

},

{

   "name": "Toyota"

}

];

const distinctModels = [...new Set(cars.flatMap(car => car.model || []))];

console.log(distinctModels);