JS数组查找详解

一、js数组查找元素

在JS中，查找数组元素是非常常见的操作，可以通过遍历数组或者使用一些内置方法实现。

下面是通过遍历数组的方式查找元素的示例代码：

const arr = [1, 3, 5, 7, 9];
const target = 5;

for(let i=0; i


   
上述代码首先定义了一个数组arr和目标元素target，然后通过for循环遍历数组，如果数组中当前遍历到的元素等于目标元素，则输出该元素的下标。

   
除了遍历数组的方式，JS也提供了内置的方法来实现查找元素的操作。其中最常用的方法是indexOf()和find()。

   
用indexOf()方法查找元素的示例代码：


   
const arr = [1, 3, 5, 7, 9];
const target = 5;

const index = arr.indexOf(target);

if(index !== -1){
  console.log(`元素${target}的下标为${index}`);
}else{
  console.log(`元素${target}不存在`);
}



   
上述代码通过调用indexOf()方法查找元素，如果返回的下标不为-1则表示该元素存在于数组中，否则则不存在。

   
用find()方法查找元素的示例代码：


   
const arr = [1, 3, 5, 7, 9];
const target = 5;

const index = arr.find(item => item === target);

if(index !== undefined){
  console.log(`元素${target}的下标为${arr.indexOf(index)}`);
}else{
  console.log(`元素${target}不存在`);
}



   
上述代码通过调用find()方法查找元素，并使用箭头函数作为查找条件。如果在数组中找到该元素则返回该元素，否则返回undefined。



   
二、js数组查找返回下标

   
在JS中，查找数组元素并返回其所在下标也是一个比较常见的操作，可以通过indexOf()方法和for循环等方式实现。

   
下面是使用indexOf()方法查找数组元素并返回下标的示例代码：


   
const arr = [1, 3, 5, 7, 9];
const target = 5;

const index = arr.indexOf(target);

if(index !== -1){
  console.log(`元素${target}的下标为${index}`);
}else{
  console.log(`元素${target}不存在`);
}



   
上述代码中，通过调用indexOf()方法查找元素，如果返回的下标不为-1则表示该元素在数组中存在，否则则不存在。

   
下面是通过for循环查找数组元素并返回下标的示例代码：


   
const arr = [1, 3, 5, 7, 9];
const target = 5;
let index = -1;

for(let i=0; i


     
上述代码中，通过for循环遍历数组，当找到目标元素时就将当前下标保存到index中，并使用break语句跳出循环。



     
三、js数组查找方法

     
在JS中，除了使用indexOf()和find()方法进行查找元素外，还有一些其他的内置方法可以实现查找数组元素的操作。

     
下面列举了一些常用的JS数组查找方法：

     

  
      
filter()方法：返回一个新数组，其中包含满足指定条件的所有元素。
  
      
some()方法：返回一个布尔值，表示数组是否包含满足指定条件的元素。
  
      
every()方法：返回一个布尔值，表示数组中的所有元素是否都满足指定条件。
  
      
findIndex()方法：返回满足指定条件的第一个元素在数组中的下标，如果不存在则返回-1。
  
      
includes()方法：返回一个布尔值，表示数组是否包含指定的元素。

     

     
下面是使用filter()方法查找数组元素的示例代码：


     
const arr = [1, 3, 5, 7, 9];
const target = 5;

const res = arr.filter(item => item === target);

if(res.length > 0){
  console.log(`元素${target}存在`);
}else{
  console.log(`元素${target}不存在`);
}



     
上述代码中通过调用filter()方法查找元素，并使用箭头函数作为查找条件。如果返回的数组res的长度大于0，则表示该元素在数组中存在，否则不存在。



     
四、js数组查找相同的元素

     
在JS中，查找相同的元素也是一个比较常见的操作。可以通过for循环等方式实现。

     
下面是通过for循环查找相同元素的示例代码：


     
const arr1 = [1, 3, 5, 7, 9];
const arr2 = [2, 4, 5, 8, 9];

const res = [];

for(let i=0; i


       
上述代码中，通过两个for循环遍历两个数组，当发现两个数组中有相同的元素时，就将该元素添加到结果数组res中，并最终将res数组输出。



       
五、js数组查找对象

       
在JS中，查找数组中的对象也是一个比较常见的操作。可以通过for循环等方式实现。

       
下面是通过for循环查找对象的示例代码：


       
const arr = [
  {name: 'John', age: 30},
  {name: 'Jane', age: 25},
  {name: 'Bob', age: 40}
];
const target = {name: 'Jane', age: 25};
let index = -1;

for(let i=0; i


         
上述代码中，通过for循环遍历数组，当找到目标对象时，将当前下标保存到index中，并使用break语句跳出循环。需要注意的是，JS中的对象比较需要使用JSON.stringify()方法将对象转为字符串进行比较。



         
六、js数组查找下标

         
在JS中，查找数组中满足指定条件的元素的下标也是一个比较常见的操作。可以通过for循环等方式实现。

         
下面是通过for循环查找元素下标的示例代码：


         
const arr = [1, 3, 5, 7, 9];
const index = arr.findIndex(item => item > 5);

if(index !== -1){
  console.log(`满足条件的元素的下标为${index}`);
}else{
  console.log(`不存在满足条件的元素`);
}



         
上述代码中，通过调用findIndex()方法查找满足条件的第一个元素在数组中的下标。



         
七、js数组查找重复数据

         
在JS中，查找数组中的重复数据也是一个比较常见的操作。可以通过for循环等方式实现。

         
下面是通过for循环查找重复数据的示例代码：


         
const arr = [1, 2, 3, 2, 4, 5, 3];
const res = [];

for(let i=0; i


           
上述代码中，通过两个for循环遍历数组，当发现两个重复的元素时，就将该元素添加到结果数组res中，并最终将res数组输出。需要注意的是，重复数据仅需要输出一次，因此需要使用indexOf()方法来判断res数组中是否已经包含该元素。



           
八、js数组查找符合条件的值

           
在JS中，查找数组中满足指定条件的值也是一个比较常见的操作。可以通过filter()等方式实现。

           
下面是使用filter()方法查找符合条件的值的示例代码：


           
const arr = [1, 2, 3, 4, 5];
const res = arr.filter(item => item % 2 === 0);

console.log(`符合条件的值为：${res.join(',')}`);



           
上述代码中，通过调用filter()方法查找符合条件的值，并使用箭头函数作为查找条件。如果返回的数组res的长度大于0，则表示存在符合条件的值，否则不存在。



           
九、js数组查找重复元素

           
在JS中，查找数组中的重复元素也是一个比较常见的操作。可以通过for循环等方式实现。

           
下面是通过for循环查找重复元素的示例代码：


           
const arr = [1, 2, 3, 2, 4, 5, 3];
const res = [];

for(let i=0; i


             
上述代码中，通过两个indexOf()方法来判断每个元素在数组中第一次和最后一次出现的下标是否相同。如果判断结果为true并且该元素还没有被添加到结果数组res中，则将其添加到res数组中。需要注意的是，重复元素仅需要输出一次，因此需要使用indexOf()方法来判断res数组中是否已经包含该元素。