Locate the index of an item within an array of objects based on a matching property in the

Question

Locate the index of an item within an array of objects based on a matching property in the

My current situation involves having an array of objects structured like this :

[ {label: "<p>Opacity | %<br/></p>", customRow: false, id: 0, items: Array(13)},
 {label: "Brand_hs_id", customRow: false, id: 0, items: Array(13)},
 {label: "<p>PPI |</p>", customRow: false, id: 0, items: Array(13)},
{label: "Brightness | %", customRow: false, id: 0, items: Array(13)
]

I am looking to locate the index of an object based on a matching label value. For instance, if I input "Brightness | %", the expected return value should be 3.

I have attempted:

const array1 = [5, 12, 8, 130, 44];

const isLargeNumber = (element) => element > 13;

console.log(array1.findIndex(isLargeNumber));
// expected output: 3

However, I am uncertain about how to achieve this when working with an array of objects.

javascript

Answer 1

Answer №1

Consider trying the following example:

const data = [{id: "1002", location: "USA"},
              {id: "1004", location: "Canada"},
              {id: "1006", location: "Sweden"}];
    
const foundIndex = data.findIndex(item => item.location === "Canada");

console.log(foundIndex); // The index of the item with location 'Canada' will be returned

Answer 2

Consider trying the following example:

const data = [{id: "1002", location: "USA"},
              {id: "1004", location: "Canada"},
              {id: "1006", location: "Sweden"}];
    
const foundIndex = data.findIndex(item => item.location === "Canada");

console.log(foundIndex); // The index of the item with location 'Canada' will be returned

Answer 3

Answer №2

Follow this example

let nums = [2, 5, 8, 10, 15];
const isLargeNumber = (num) => num > 8;

console.log(nums.findIndex(isLargeNumber));

Answer 4

Follow this example

let nums = [2, 5, 8, 10, 15];
const isLargeNumber = (num) => num > 8;

console.log(nums.findIndex(isLargeNumber));

Locate the index of an item within an array of objects based on a matching property in the

Answer №1

Answer №2

Similar questions

Is there a way to retrieve the data selected in my modal window when a button is clicked, depending on the v-for value?

What is the proper way to utilize a class with conditional export within the Angular app.module?

Unlocking the secrets of obtaining post values using Body-parser in your Express Node.js application

Tips on concealing and deactivating the fullscreen option in flowplayer

Merge nested arrays while eliminating any redundant elements

What are the best ways to stop jQuery events from propagating to ancestor elements?

Retrieve a specific line of code from a snippet of JavaScript

When I attempt to run several promises simultaneously with Promise.All, I encounter an error

Tips for personalizing Twitter Bootstrap popover concealment animation

Deliver an assured result to a variable within the angular.extend() function

When the enter key is pressed in a contenteditable div, line breaks are disregarded

React Checkbox Sum Component - Effortlessly Improve User Experience

Removing single quotes and replacing them with spaces when passing data from JavaScript to MySQL

What is the best way to deal with a "Access to restricted URI denied" error in JavaScript while utilizing XMLHttpRequest?

Creating a JSON File with an Illustrator Script

I am facing an issue with resolving services in my AngularJS controller

What methods can be used to center a Google map on a specific location?

Ways to attach JQuery UI Sortable widget to html content fetched through Ajax requests?

Whenever the page is refreshed, the vertical menu bar with an accordion feature hides the sub

Update the VueJS application by loading and replacing the existing JSON data with new information