似乎JavaScript永远不会让我感到惊讶，也许这可以解释为什么我在JavaScript提示上写另一个博客，老实说，我看不到这个博客系列在不久的将来结束。

这将是我对同一主题的前两个博客的延续：4 JavaScript Tips for Shorter Code和Another 4 JavaScript Tips for Shorter Code。您不必阅读这些内容，但建议使用它们，因为它们确实很有用。

1.有条件地向对象添加键。

JavaScript对象包含道具及其值，有时我们可能必须在其中添加更多的Prop值对。以下语法可用于它。

const obj = {
  ...(condition && { someprop: propvalue }),
  ...otherprops,
};

在下面的示例中，仅当hobbies的数量大于0
时，hobbies才添加在personDetails对象中

const hobbies = ["painting", "cooking", "reading"];
const personDetails = {
  name: "John Doe",
  age: 25,
  ...(hobbies.length > 0 && { hobbies }),
};

2.键，条目和值。

处理对象的另一个技巧？是的。

Object.keys()返回属性名称列表。
Object.values()返回属性值列表，
Object.entries()返回属性名称和相应值对的列表

上面的函数将将对象作为参数，并相应地返回输出

const personDetails = {
  name: "John Doe",
  age: 25,
};

Object.keys(personDetails)将返回[ 'name', 'age' ]。
Object.values(personDetails)将返回[ 'john doe', 24 ]。
Object.entries(personDetails)将返回[ [ 'name', 'john doe' ], [ 'age', 24 ] ]。

3.使用|| defaut值。

您可以使用||运算符为变量分配默认值。如果您处理API，此提示将非常有用，并且将充当故障安全机制。如果API断裂，我们可以使用此方法相应地给出默认值。

在下面的示例中，age自undefined以来对false进行评估，使newAge值为5。
const age =不确定;

const newAge = age || 5;

4.使用json.stringify（）格式化JSON。

JSON.stringify()可用于将JavaScript值转换为JSON字符串。要转换的值可以作为参数传递。它还采用两个可选参数，即replacer和space。我们可以使用第三个参数格式化输出。

const personDetails = {
  name: "John Doe",
  age: 25,
};

现在，如果我们运行以下行，则输出将是一个衬里。
console.log(JSON.stringify(personDetails))
输出：{"name":"John Doe","age":25}

但是，如果我们要添加其他两个参数，则输出将格式化。
console.log(JSON.stringify(personDetails,undefined,2))
输出：

{
  "name": "John Doe",
  "age": 25
}