JavaScript中for循环查找数组目标元素的核心是遍历索引并逐个比对，找到返回索引或元素，未找到返回-1或undefined；常用写法为返回首个匹配索引，注意勿用for...in，可选indexOf、findIndex等现代方法。

JavaScript 中用 for 循环查找数组中指定目标元素，核心是遍历每个索引，逐个比对值，找到就返回索引或元素本身；没找到可返回 -1 或 undefined。

基础写法：返回第一个匹配项的索引

这是最常见、最直观的方式。使用标准 for 循环，从 0 开始，直到 i ，遇到相等就立即 <code>return：

function findIndex(arr, target) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === target) {
      return i;
    }
  }
  return -1; // 没找到
}

const nums = [10, 20, 30, 40, 30];
console.log(findIndex(nums, 30)); // 2（只返回第一个）

查找所有匹配项的索引（不止第一个）

如果目标可能重复出现，需要收集全部位置，可用空数组累积结果：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

function findAllIndices(arr, target) {
  const indices = [];
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === target) {
      indices.push(i);
    }
  }
  return indices;
}

const colors = ['red', 'blue', 'red', 'green', 'red'];
console.log(findAllIndices(colors, 'red')); // [0, 2, 4]

查找元素本身（而非索引），并支持自定义比较逻辑

当需要深层比较（如对象）、忽略大小写或模糊匹配时，可把判断逻辑抽成函数参数：

立即学习“Java免费学习笔记（深入）”；

• 传入一个比较函数 compareFn，代替硬编码的 ===
• 循环中调用该函数，返回 true 就返回当前元素

function find(arr, target, compareFn = (a, b) => a === b) {
  for (let i = 0; i < arr.length; i++) {
    if (compareFn(arr[i], target)) {
      return arr[i];
    }
  }
  return undefined;
}

// 忽略大小写查找字符串
const words = ['Apple', 'Banana', 'apple'];
console.log(find(words, 'apple', (a, b) => a.toLowerCase() === b.toLowerCase())); // 'Apple'

// 查找对象（按 id）
const users = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}];
console.log(find(users, 2, (user, id) => user.id === id)); // {id: 2, name: 'Bob'}

注意点和替代方案提醒

不要用 for...in 遍历数组 —— 它枚举属性名（包括原型链上的），顺序不保证，也不专为数组设计。
现代替代方案更简洁：如 arr.indexOf(target)（仅值相等）、arr.findIndex(cb)（支持条件函数）、arr.find(cb)（返回元素）。但手写 for 循环在性能敏感或需精细控制流程时仍有价值。