Default Array Values

在前端开发中，我们经常需要定义数组，并且可能需要为数组的元素指定默认值。在这种情况下，使用默认数组值是一种非常有用的技术。

什么是默认数组值？

默认数组值是一个数组，在创建数组时可以设置默认值。如果数组中的某个元素未定义或为空，则将其替换为默认值。

例如，考虑以下数组：

const arr = [1, null, undefined, '', 0];

假设我们希望将所有 null 或 undefined 的值替换为默认值 -1，将所有空字符串 '' 替换为默认值 'unknown'，并将所有 0 替换为默认值 NaN。我们可以创建一个默认数组值如下：

const defaultValues = [-1, 'unknown', NaN];

然后，我们可以使用以下代码将默认值应用到原始数组中：

const result = arr.map((el, i) => el ?? defaultValues[i]);

在上述代码中，我们使用了 JavaScript 的 Nullish coalescing operator (??)，它会在左侧表达式为 null 或 undefined 时返回右侧表达式。

结果数组将是：

[1, -1, -1, 'unknown', NaN]

学习和指导意义

使用默认数组值的主要优点是可以避免写大量的条件语句来处理数组中缺少值的情况。这可以使代码更加简洁和易于阅读。

在实际开发中，使用默认数组值的场景非常多。例如，当我们需要从 API 中获取一些数据时，可能会遇到缺少必要参数的情况。通过设置默认数组值，我们可以轻松地将缺少的参数替换为默认值，并继续进行下一步操作。

示例代码

以下是一个更完整的示例代码，它演示了如何为数组元素设置默认值：

const arr = [1, null, undefined, '', 0];
const defaultValues = [-1, 'unknown', NaN];

const result = arr.map((el, i) => el ?? defaultValues[i]);

console.log(result);
// Output: [1, -1, -1, 'unknown', NaN]

在这个示例代码中，我们首先定义了一个初始数组 arr 和一个默认数组值 defaultValues。然后，我们使用 map 方法将默认值应用到原始数组中，并将结果存储在新数组 result 中。最后，我们使用 console.log 打印出结果数组。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30892