Home / Questions / 504594
Accepted
Darinel Cigarroa
Asked: 2022-05-16 19:52:21 +0800 CST 2022-05-16 19:52:21 +0800 CST

Find an element in an array of arrays in JavaScript

  • 772

I want to get an element of an array of arays that matches a data, in this case the first data of my array, which refers to the id of each array.

var data = 
     [
        [1, 'darinel', 24, '9a3853'],
        [2, 'oscar', 19, 'ecf03c'],
        [3, 'Alexander', 15, 'aab418']
     ];

I receive a data, in this case the id, through a form; I have the following data:

var data = 
     [
        [1, 'darinel', 24, '9a3853'],
        [2, 'oscar', 19, 'ecf03c'],
        [3, 'Alexander', 15, 'aab418']
     ];

var id = 1;

var people = data.filter((element) => element === id);

console.log(people);

But this returns me empty; I am thinking of going through a FOR although I am not sure how to do it. I forgot to mention that the array of arrays can vary and can have different dimensions.

javascript

2 Answers

  1. Best Answer

    The filter would return a new array with a single element inside that is already an array. It would be like this, where 0 would be the index of the array that you are iterating into the parent array.

    var people = data.filter((element) => element[0] === id);

    This would return an array with the array traversed inside, that is: people would be equal to: [[1, "darinel", 24, "9a3853"]], and to access that you would enter this array at position 0 and then the position of each data, eg: 0 the id, 1 the name, 2 the other. Like this: people[0][1] - This would bring you the name.

    Maybe this works for you.

    var data = [
  [1, "darinel", 24, "9a3853"],
  [2, "oscar", 19, "ecf03c"],
  [3, "Alexander", 15, "aab418"],
];

var id = 1;
var result = ""; // Declaro auxiliar para depositar los datos en un string común
for (const item of data) { // recorro cada array dentro del array padre
  if (item[0] === id) { // en cada array ve si en indice 0 o sea el id es igual id
//Si fue igual concateno en un string su id, su nombre y el último dato
    result = item[0] + " " + item[1] + " " + item[2]
  }
}
//Finalmente muestro el string depositado en result
console.log(result);

    Another option is instead of generating a string with everything concatenated to use an object, it would look like this:

    var data = [
    [1, "darinel", 24, "9a3853"],
    [2, "oscar", 19, "ecf03c"],
    [3, "Alexander", 15, "aab418"],
  ];
  
  var id = 1;
  var result = {}; // Declaro auxiliar para depositar los datos en un string común
  for (const item of data) { // recorro cada array dentro del array padre
    if (item[0] === id) { // en cada array ve si en indice 0 o sea el id es igual id
  //Agrego datos al objeto result
      result.id = item[0]
      result.nombre = item[1]
      result.tercerDato=item[2]
    }
  }
  //Finalmente muestro el objeto result
  console.log(result);

    This returns an object like this: {id: 1, name: "darinel", thirdData: 24} So now you can go into result.id, or result.name or result.thirdData(I didn't know what it was, I guess color per hex of 6 digits)

    If you change the value of the id variable, it will bring you the person with that id, I deposited them in a string, but you can do with the data what you want in that same place.

    • 3

  2. I hope this little code will help you or give you some idea that you can implement in your code.

        const btn = [...document.querySelectorAll("button")];

    let info = [
      [1,"Nombre: Tomás", "edad: 25 años"],
      [2,"Nombre: Martina", "edad: 27 años"]
    ];
    
    let info2 = [
      [1,"Nombre: Tomás", "edad: 25 años"],
      [2,"Nombre: Martina", "edad: 27 años"]
    ];

    btn.forEach(key=>{//obtengo los botones
      key.onclick =()=>{ // le agrego la función click a cada elemento botón
          const data_info = key.dataset.info; // obtengo el dataset info del elemento
         if(info[key.id][data_info] == info2[key.id][data_info]){ // verificar que el valor de array obtenido (array info) sea igual al array info2
            console.log(true)
            console.log(info[key.id].join(" ").replace("1", "")) // muestro el resultado del array en string
         }else{
            console.log(false) // no es igual
         }
      }
    });
        <button id="0" data-info="1">información 1</button>
    <button id="1" data-info="2">información 2</button>

    • 0