JavaScript：检查数组是否存在，如果不存在则创建
在前端开发中，经常需要处理数组。但是，在使用数组之前，我们需要先确保该数组已经存在。否则，如果我们尝试向一个不存在的数组添加元素，就会出现错误。
本文将介绍如何使用 JavaScript 检查数组是否存在并在必要时创建它。我们将探讨以下几个方面：
- 检查数组是否存在
- 创建新数组
检查数组是否存在
我们可以使用 Array.isArray() 方法来检查一个变量是否是数组。这个方法返回一个布尔值，表示传入的参数是否是一个数组。
const myArray = [1, 2, 3]; console.log(Array.isArray(myArray)); // 输出 true const notAnArray = 'not an array'; console.log(Array.isArray(notAnArray)); // 输出 false
因此，我们可以使用以下代码片段来检查数组是否存在：
if (Array.isArray(myArray)) {
// 数组已经存在
} else {
// 数组不存在
}创建新数组
如果一个数组不存在，我们可以创建一个新的数组来存储数据。有几种方式可以做到这一点。
使用字面量创建数组
最简单的方法是使用字面量创建一个新数组：
const myArray = [];
这将创建一个空数组。我们可以在数组中添加元素：
myArray.push(1); myArray.push(2); myArray.push(3);
使用构造函数创建数组
另一种创建数组的方法是使用 Array 构造函数。这个构造函数可以接受一个或多个参数，每个参数都是数组的元素。
const myArray = new Array(1, 2, 3);
我们还可以传递一个参数作为数组的长度：
const myArray = new Array(5); // 创建一个包含 5 个 undefined 元素的数组
使用ES6扩展操作符
在ES6中，我们还可以使用扩展操作符（spread operator）来创建数组。这个操作符用于将一个可迭代对象（比如数组）展开为一个新的数组。
const myArray = [...someIterable];
如果 someIterable 是一个数组，那么这行代码将创建一个包含和 someIterable 相同元素的新数组。
示例代码
下面是一个完整的示例代码，演示了如何检查数组是否存在并在必要时创建它：
-- -------------------- ---- ------- --- -------- -- ------------------------ - ---------------------- - ---- - --------------------- ------- - --- - -- ------- ---------------- ---------------- ---------------- --------------------- -- -- --- -- --
在这个例子中，我们首先检查 myArray 是否是一个数组。由于 myArray 还没有被定义，所以它不是一个数组。因此，我们进入了 else 分支，并将 myArray 赋值为空数组。
最后，我们向数组添加了三个元素。最终，输出了 myArray 的值，它应该包含 [1, 2, 3]。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26404