Position of the item in an array that contains an array with only one item

Question

Position of the item in an array that contains an array with only one item

Currently, I am utilizing the Google Maps API in Angular with TypeScript. My goal is to create a clickable map of countries that changes color when clicked. This task seems simple, but I am encountering a challenge due to the complexity of the ng2-google-maps library for Angular.

The issue at hand involves obtaining the index of the main object in an array. However, I need to perform this search based on a value that resides within another object in a separate array.

https://i.sstatic.net/K4EIc.png

After clicking on a region in the map, I am able to retrieve the country code, such as "PL" as shown in the console.log message.

My ultimate objective is to determine the index of the main array (where "PL" corresponds to index '0') in order to ascertain if the country code already exists within this array.

My initial attempt was as follows:

mainArray.findIndex((result) => result.c.findIndex((result) => result.v === 'PL'));

However, this approach did not yield the desired outcome. It seems that I may need to employ the slice() method to remove the identified index from the main array.

Thank you in advance for any assistance provided.

javascript arrays angular typescript

Answer 1

Answer №1

Instead of using Array#findIndex in your function, consider using the Array#some method. The findIndex method may return -1, which can be falsy if the element is at index 0, but truthy in all other cases. To achieve the desired functionality, some can be used to check if a condition is satisfied by at least one element in the array.

Here is an example using the some method:

 mainArray.findIndex((result) => result.c.some((result) => result.v === 'PL'));

Answer 2

Instead of using Array#findIndex in your function, consider using the Array#some method. The findIndex method may return -1, which can be falsy if the element is at index 0, but truthy in all other cases. To achieve the desired functionality, some can be used to check if a condition is satisfied by at least one element in the array.

Here is an example using the some method:

 mainArray.findIndex((result) => result.c.some((result) => result.v === 'PL'));

Position of the item in an array that contains an array with only one item

Answer №1

Similar questions

Obtaining the category value within a slot of the Vuetify calendar

Having difficulty applying a style to the <md-app-content> component in Vue

What is the best way to determine in component.html whether the column type is equal to 1 to show the label text "Active,"

How to bring in an interface in Angular 2

Transform JSON data into an HTML table display using JavaScript/JQuery

Issue with importing and exporting external types causing failures in Jest unit tests for Vue 2

Inexperienced JavaScript user looking for help with handling XMLHttpRequest response data

ng-model causing simultaneous changes to all selects

Saving HTML checkboxes in an array format to a MySQL database

Sorting Angular components in reverse alphabetical order from A to Z

Disabling a button after clicking using jQuery

What's the most effective method for updating the title of the date header on MUI Date Picker?

Creating functionality with a native JavaScript plugin within a directive and test suite

Troubleshooting the unsuccessful outcome of the node js async.map function

What is the best way to insert a Button within a Tab while ensuring that the indicator remains in the appropriate tab?

Error: The function is not defined on this.props during the handleCHange event

Challenges with Displaying Filtered Arrays in Angular

Tips for transferring information between two components when a button is clicked in Angular 2

Issue with data not being transferred to Vue component

JQuery Array: How to Prepend Elements to the Beginning