JS数组查找失败：为什么array.indexOf()找不到文件类型？-html教程-PHP中文网

JS数组查找失败：为什么array.indexOf()找不到文件类型？

花韻仙語

发布： 2025-02-22 22:30:10

原创

771人浏览过

JS数组查找失败：为什么array.indexOf()找不到文件类型？

javascript数组查找问题分析

代码中array.indexOf(file.type)无法找到文件类型的原因在于array并非数组。this.type很可能是一个字符串，而非数组。

为了解决这个问题，可以先将this.type（假设它包含文件类型信息）转换为数组，然后再使用indexOf方法进行查找。如果this.type本身就是一个数组，但包含嵌套数组，则需要先将其扁平化。

以下提供一种改进后的代码示例，假设this.type可能是一个数组或一个字符串：

阿里云-虚拟数字人

阿里云-虚拟数字人是什么？ ...

查看详情

<code class="javascript">const files = this.type;
let flattenedFiles;

if (Array.isArray(files)) {
  flattenedFiles = files.flat(); // 扁平化嵌套数组
} else if (typeof files === 'string') {
  flattenedFiles = [files]; // 将字符串转换为单元素数组
} else {
  // 处理其他情况，例如this.type为null或undefined
  console.error("this.type is not an array or string:", this.type);
  return;
}


const fileTypeIndex = flattenedFiles.indexOf(file.type);

if (fileTypeIndex === -1) {
  console.log("文件类型未找到");
} else {
  console.log("文件类型已找到，索引为：", fileTypeIndex);
}</code>

登录后复制

这段代码首先检查this.type的数据类型。如果是数组，则将其扁平化；如果是字符串，则将其转换为包含该字符串的单元素数组；其他情况则输出错误信息并返回。然后，使用indexOf方法在扁平化的数组中查找file.type，并根据查找结果输出相应信息。这避免了由于数据类型不匹配而导致的错误。

以上就是JS数组查找失败：为什么array.indexOf()找不到文件类型？的详细内容，更多请关注php中文网其它相关文章！