Searching for indices in a multidimensional array using JavaScript

Question

Searching for indices in a multidimensional array using JavaScript

Dealing with a JavaScript array can be so challenging, especially when it comes to searching for an index. In my case, I have an array that contains objects, and each object has an array as one of its values.

This is the snippet of my source code:

rows = [{"id":"id0","cell":["array1","array2"]},{"id":"id1","cell":["array3","array4"]}];

I attempted the following:

var v = {cell:["array1","array2"]};
rows.indexOf(v)

In addition, there is a radio button:

<input type="radio" name='array' value="array1, array2">

Here's how jQuery plays into this scenario:

var i = $("input:checked").val().split(',');
rows.indexOf(i)

Unfortunately, the result of the index turns out to be -1.

javascript arrays search indexof

Answer 1

Answer №1

Give this a shot. This method takes a functional approach by iterating through each row index and returning true if a match is found.

var rows = [{"id":"id0","cell":["array1","array2"]},{"id":"id1","cell":["array3","array4"]}];
var index = rows.findIndex(function(i) {
  return JSON.stringify(i.cell) == JSON.stringify(["array1","array2"])
});
console.log(index);

The expected output is 0. We convert both objects into JSON strings to handle how JavaScript compares object equality. More information on this topic can be found here.

Answer 2

Give this a shot. This method takes a functional approach by iterating through each row index and returning true if a match is found.

var rows = [{"id":"id0","cell":["array1","array2"]},{"id":"id1","cell":["array3","array4"]}];
var index = rows.findIndex(function(i) {
  return JSON.stringify(i.cell) == JSON.stringify(["array1","array2"])
});
console.log(index);

The expected output is 0. We convert both objects into JSON strings to handle how JavaScript compares object equality. More information on this topic can be found here.

Searching for indices in a multidimensional array using JavaScript

Answer №1

Similar questions

Send an array from PHP to jQuery using AJAX, then send the array back from jQuery to PHP

What regular expression should be used to meet the following requirement in JavaScript?

What steps can I take to trigger a 404 error instead of a cast error?

import jQuery into a JavaScript file

Calculate the total value for each key in PHP arrays

Issue with the scope of Bootstrap Accordion

Alter attribute with an impact

Sometimes, Node.js struggles to retrieve values from my configuration file

Assistance is required to navigate my character within the canvas

Traverse through a string and populate a C++ array

Tips for setting up a range slider for decimal numbers

How to display (fade in a portion of an image) using .SVG

Leveraging EJS for embedding Google Maps API on a website

What is the correct way to incorporate a for loop within a script tag in EJS?

Transferring an array from PHP to Javascript using GET method

incorporating event handlers to references retrieved from bespoke hooks

Can we safely save a value in session storage directly from the main.js file in Vue?

Using the ternary operator to insert elements from one JavaScript array into another array

Utilizing regular expressions for querying MongoDB

Showing information from a database while incorporating line breaks with the help of nl2br