¿Cómo obtener el índice del objeto dentro de una array que coincida con la condición en jQuery?

jQuery es una biblioteca de JavaScript gratuita y de código abierto diseñada para agregar interactividad a las páginas web HTML. jQuery es similar a JavaScript en términos de funcionalidad, pero lo que lo hace popular es su simplicidad y facilidad de uso. jQuery viene en paquetes con métodos incorporados que ayudan a lograr el resultado deseado. En este artículo, discutiremos los dos métodos en jQuery que se pueden usar para obtener el índice de un objeto dentro de una array que coincida con la condición dada. Los dos métodos se describen a continuación.

  1. findIndex(): este método ejecuta la función pasada como parámetro para cada elemento presente en la array.
    • Sintaxis:
      array.findIndex(function(curr, index, arr), thisVal)
    • Parámetro:
      • curr: Elemento actual del array sobre el que se ejecutará la función. Este es
        un parámetro obligatorio.
      • index: Índice del elemento actual. Este es un parámetro opcional.
      • arr: Array al que pertenece el elemento actual. Este es un parámetro opcional.
      • thisVal: este valor se pasa a la función como su valor «este». Si no se especifica este parámetro
        , el valor «indefinido» se pasa como «este» valor. Este parámetro es opcional.
    • Valor de retorno: este método devuelve el índice del primer elemento para el cual el
      valor de retorno de la función es verdadero. Si no se encuentra ninguna coincidencia, devuelve -1. Si hay más de un elemento que
      cumple los criterios, se devuelve el índice del primer elemento coincidente.
  2. some(): El método arr.some() verifica si al menos uno de los elementos de la array cumple la condición verificada por el método argument.
    • Sintaxis:
      array.some(function(curr, index, arr), thisval)
    • Parámetro:
      • curr: Elemento actual del array sobre el que se ejecutará la función. Este es
        un parámetro obligatorio.
      • index: Índice del elemento actual. Este es un parámetro opcional.
      • arr: Array al que pertenece el elemento actual. Este es un parámetro opcional.
      • thisVal: este valor se pasa a la función como su valor «este». Si no se especifica este parámetro
        , el valor «indefinido» se pasa como «este» valor. Este parámetro es opcional.
    • Valor de retorno: este método devuelve el índice del primer elemento para el cual el
      valor de retorno de la función es «verdadero». Si no se encuentra ninguna coincidencia, devuelve -1. Si hay más de un elemento que
      cumple los criterios, se devuelve el índice del primer elemento coincidente.

Enfoque 1: en el primer enfoque, mostramos el procedimiento para encontrar el índice de un objeto en una array que coincida con una condición determinada utilizando el método findIndex() de jQuery. El método findIndex() toma una función como primer parámetro. Esta función se ejecuta en cada elemento de la array y el elemento para el que la función devuelve «verdadero» es el que coincidió con la condición especificada. Por lo tanto, el índice de este elemento coincidente se almacena en la variable de índice. El valor de la variable de índice se devuelve a la consola. De manera similar, para la variable index1, hay más de un objeto que tiene age=”20″. En esta situación, se devuelve el índice del primer objeto coincidente. Si no hay ninguna coincidencia, la salida es -1.

// Write JavaScript code here
var arr = [
    { name: "ram", age: "20" }, 
    { name: "sam", age: "20" },
    { name: "tom", age: "19" }, 
    { name: "harry", age: "19" }
];
  
var index;
  
arr.findIndex(function (entry, i) {
    if (entry.name == "tom") {
        index = i;
        return true;
    }
});
  
// Arrow function expression ( =>) is 
// an alternative to a traditional 
// function expression
// It has limited use and returns the
// index of the first element for 
/// which the function returns "true"
index1 = arr.findIndex(x => x.age === "20");
  
console.log(index);
console.log(index1); 

Producción:

 2
 0

Enfoque 2: En el segundo enfoque, mostramos el procedimiento para encontrar el índice de un objeto en una array que coincida con una condición dada usando el método some() de jQuery. El método some() toma una función como primer parámetro. Esta función se ejecuta en cada elemento de la array y el elemento para el que la función devuelve «verdadero» es el que coincidió con la condición especificada. Por lo tanto, el índice de este elemento coincidente se almacena en la variable de índice. El valor de la variable de índice se devuelve a la consola.

// Write Javascript code here
var arr = [
    { name: "ram", age: "20" }, 
    { name: "sam", age: "21" },
    { name: "tom", age: "19" }, 
    { name: "harry", age: "19" }
];
  
var index;
  
arr.some(function (entry, i) {
    if (entry.name == "tom") {
        index = i;
        return true;
    }
});
  
console.log(index);

Producción:

 2

Publicación traducida automáticamente

Artículo escrito por Shreyasi_Chakraborty y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *