对象获取默认值 JavaScript

在 JavaScript 中，我们可以使用对象来存储数据。当我们需要按照属性名来获取对象中的值时，可能存在这个属性不存在的情况。这时，我们可以通过一些方法来获取默认值，避免程序出错。

使用条件运算符

条件运算符可以判断一个条件是否满足，并根据是否满足来返回不同的值。我们可以利用这个特性，来获取对象中的属性值。

const object = {
  name: 'Jerry',
  age: 18
};

const gender = object.gender ? object.gender : 'unknown';
console.log(gender); // 'unknown'

在上面的代码中，我们首先判断 object 对象中是否存在 gender 属性。如果存在，则将该属性值赋给 gender 变量，否则将 "unknown" 赋给 gender 变量。

以上代码也可以使用更简洁的写法：

const gender = object.gender || 'unknown';
console.log(gender); // 'unknown'

这种写法可以在 gender 的值为 false、0、"" 等情况下，将 "unknown" 赋给 gender 变量。

使用 ES6 解构赋值

在 ES6 中，我们可以使用解构赋值来从对象中获取属性值。如果我们获取的属性不存在，可以为该变量设置默认值。

const object = {
  name: 'Jerry',
  age: 18
};

const { gender = 'unknown' } = object;
console.log(gender); // 'unknown'

在上面的代码中，我们使用解构赋值从 object 对象中获取 gender 属性的值，如果 gender 不存在，则将 "unknown" 赋给 gender 变量。

使用 Lodash 库

Lodash 是一个 JavaScript 实用库，提供了很多实用的函数来简化开发过程。其中，_.get 函数可以安全地获取一个对象的属性值，并可以为不存在的属性设置默认值。

const object = {
  name: 'Jerry',
  age: 18
};

const gender = _.get(object, 'gender', 'unknown');
console.log(gender); // 'unknown'

在上面的代码中，我们调用 _.get 函数来获取 object 对象中的 gender 属性值，如果 gender 不存在，则将 "unknown" 赋给 gender 变量。

总结：

在 JavaScript 中，我们可以使用条件运算符、ES6 解构赋值和 Lodash 库来获取对象的默认值。通过一些技巧的使用，我们可以避免在获取对象属性值时出现错误，并提高代码的健壮性。