javascript数组查找陷阱及解决方法

indexOf方法在查找数组元素时，其行为并非总是直观。当目标元素本身也是一个数组时，indexOf的查找结果可能与预期不符。

例如，如果待查找数组结构如下：

<code class="javascript">const array = this.type; // 假设this.type是一个多维数组</code>

并且this.type包含文件后缀，indexOf可能可以正常工作。但是，如果this.type是一个嵌套数组，例如：

<code>array
├── 0
│   ├── 0: ".jpg"
│   └── 1: ".png"
├── 1
│   └── 0: ".pdf"</code>

indexOf将无法直接找到嵌套数组中的文件后缀。这是因为indexOf比较的是对象的引用，而不是对象的内容。

为了解决这个问题，可以使用以下两种方法：

方法一：循环遍历

直接遍历嵌套数组，逐个比较元素是否匹配目标文件后缀。这种方法简单直接，易于理解。

方法二：数组扁平化

使用flat()方法将嵌套数组展开成一维数组，然后使用indexOf进行查找。这种方法更加简洁，但需要理解flat()方法的使用。

例如，将上述嵌套数组扁平化：

<code class="javascript">const array = [files].flat(); // 假设files包含嵌套数组</code>

之后就可以使用indexOf在扁平化后的数组中进行查找了。 选择哪种方法取决于具体情况和个人偏好，但扁平化方法通常更有效率，尤其是在处理大型嵌套数组时。