在 JavaScript 中判断一个值是否为数组是非常常见的需求。传统的方式是使用 typeof 运算符，但是这种方式只能检测出基本数据类型和 Object 类型，无法正确地判断一个值是否为数组。而在 ES5 中推出了 Array.isArray() 方法，用于判断一个值是否为数组。但是在 ES5 之前的环境下，为了兼容老的浏览器，很多人还是使用 typeof 判断。在 ES10 中，Array.isArray() 方法得到了优化和增强，可以更加方便、直观地使用它来判断一个值是否为数组。
Array.isArray() 方法介绍
Array.isArray() 方法用于判断一个值是否为数组，它会将传入的参数与数组类型做比较，返回一个布尔值。如果传入的值是数组类型，返回 true；如果传入的值不是数组类型，返回 false。
Array.isArray(obj)
- obj: 需要检测的值。
示例代码
下面是使用 Array.isArray() 方法判断一个值是否为数组的示例代码：
-- -------------------- ---- ------- ----- --- - --- -- --- ----- --- - -------- ------ -------------------------------- -- ---- -------------------------------- -- ----- -------------------------------- -- ----- ----------------------------------- -- ----- --------------------------------- -- ----- --------------------------------- -- ----- ----------------------------- -- -----
上面的示例代码中，我们声明了一个包含三个元素的数组 arr，一个包含一个属性的对象 obj，以及一些基本数据类型和 undefined 值。使用 Array.isArray() 方法对这些数据进行检测，输出结果为：
true false false false false false false
可以看到，对于一个数组类型的值，Array.isArray() 方法返回 true，而对于其他类型的值，返回 false。
ES10 中 Array.isArray() 简化判断方式
在 ES10 中，Array.isArray() 方法得到了改进和增强，可以更加方便、直观地使用它来判断一个值是否为数组。在 ES10 中，我们可以使用可选链操作符（?.）和 nullish 合并操作符（??）来简化判断方式。
// ES5 Array.isArray(arr) // true // ES10 arr?.isArray() ?? false // true
利用可选链操作符的优势，避免了在数组不存在时的报错。我们还可以在表达式的末尾使用 nullish 合并操作符，防止表达式的结果为 null 或 undefined 时，认为不是数组从而返回 false。
总结
在 ES10 中，Array.isArray() 方法变得更加易用和直观，可以通过可选链操作符和 nullish 合并操作符，判断一个值是否为数组。这样可以使前端开发过程更加简洁和可维护。不能忽略的是，我们也要避免在旧浏览器的环境中直接使用 Array.isArray() 方法，应该使用 polyfill 或条件检测来确保代码运行正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ccfd241519ea946c0d06ed