Find a string that matches an element in a list

Question

Find a string that matches an element in a list

I currently have a list structured like this

let array = [
     { url: 'url1'},
     { url: 'url2/test', children: [{url: 'url2/test/test'}, {url: 'url2/test2/test'}],
     { url: 'url3', children: [{url: 'url3/test3/test3}, {url: 'url3/test3/test1'}],  children: [{url: 'url3/test3/test1/test5'}]},
     { url: 'url4', children: [{url: 'url4/test4/test4'}, {url: 'url: 'url4/test4/test4'}]]

and there is also an input string that represents a URL (e.g url: 'url3/test3/test1').

My goal is to verify if the input URL exists in the list without resorting to the usage of a for loop. (perhaps using map, some, filter or other functions..)

Can anyone provide guidance on how I can accomplish this task?

I am trying to determine if the

angular typescript

Answer 1

Answer №1

To implement a recursive function called check, start by checking if the object has a children property. If it does, call the some method to get the desired result.

let array = [{url:'url1'},{url:'url2/test',children:[{url:'url2/test/test'},{url:'url2/test2/test'}]},{url:'url3',children:[{url:'url3/test3/test3'},{url:'url3/test3/test1'}],},{url:'url4',children:[{url:'url4/test4/test4'},{url:'url3/test4/test4'}]}];

function check(arr, url) {
  return arr.some(a => a.url == url || (a.children && check(a.children, url)));
}

let isExists = check(array, 'url3/test3/test3');
console.log(isExists);

let isExists2 = check(array, 'url3/test3');
console.log(isExists2);

Answer 2

To implement a recursive function called check, start by checking if the object has a children property. If it does, call the some method to get the desired result.

let array = [{url:'url1'},{url:'url2/test',children:[{url:'url2/test/test'},{url:'url2/test2/test'}]},{url:'url3',children:[{url:'url3/test3/test3'},{url:'url3/test3/test1'}],},{url:'url4',children:[{url:'url4/test4/test4'},{url:'url3/test4/test4'}]}];

function check(arr, url) {
  return arr.some(a => a.url == url || (a.children && check(a.children, url)));
}

let isExists = check(array, 'url3/test3/test3');
console.log(isExists);

let isExists2 = check(array, 'url3/test3');
console.log(isExists2);

Answer 3

Answer №2

Give this a shot:

var searchTerm = "url3/test/test1";
var position = array.indexOf(array.find(element1 => {
if (element1.children !== undefined) return element1.children.some(element2 => element2.url.includes(searchTerm));
}));

Also, make sure to tidy up the array as it's currently a bit chaotic. Here's the updated snippet:

let array = [
     { url: 'url1'},
     { url: 'url2/test', children: [{url: 'url2/test/test'}, {url: 'url2/test2/test'}]},
     { url: 'url3', children: [{url: 'url3/test3/test3'}, {url: 'url3/test3/test1'}, {url: 'url3/test3/test1/test5'}]},
     { url: 'url4', children: [{url: 'url4/test4/test4'}, {url: 'url3/test4/test4'}]}]
     
function searchForItem(searchTerm) {
var position = array.indexOf(array.find(element1 => {
if (element1.children !== undefined) return element1.children.some(element2 => element2.url.includes(searchTerm));
}));
if (position > -1) console.log(array[position].url); else console.log("Could not find " + searchTerm)
}

<input oninput="searchForItem(this.value)">

Answer 4

Give this a shot:

var searchTerm = "url3/test/test1";
var position = array.indexOf(array.find(element1 => {
if (element1.children !== undefined) return element1.children.some(element2 => element2.url.includes(searchTerm));
}));

Also, make sure to tidy up the array as it's currently a bit chaotic. Here's the updated snippet:

let array = [
     { url: 'url1'},
     { url: 'url2/test', children: [{url: 'url2/test/test'}, {url: 'url2/test2/test'}]},
     { url: 'url3', children: [{url: 'url3/test3/test3'}, {url: 'url3/test3/test1'}, {url: 'url3/test3/test1/test5'}]},
     { url: 'url4', children: [{url: 'url4/test4/test4'}, {url: 'url3/test4/test4'}]}]
     
function searchForItem(searchTerm) {
var position = array.indexOf(array.find(element1 => {
if (element1.children !== undefined) return element1.children.some(element2 => element2.url.includes(searchTerm));
}));
if (position > -1) console.log(array[position].url); else console.log("Could not find " + searchTerm)
}

<input oninput="searchForItem(this.value)">

Find a string that matches an element in a list

Answer №1

Answer №2

Similar questions

Following a successful compilation, the Angular application displays an empty page

How can I place an icon on a specific location in a Highcharts map?

Obtaining the component instance ('this') from a template

Adding a custom source to the script tag in Angular 7

I am encountering a problem with my Material UI react-swipeable-views while using TypeScript

Conceal the Froala editor when blur events occur

Modifying data within nested objects using Typescript

Customize the height of individual carousel items in Primeng carousel

What causes Gun.js to generate duplicate messages within a ReactJs environment?

Pagination problem arises when sorting through items

How to Retrieve Grandparent Component Attributes in Angular Using Grandchild Components

Tips for testing an Angular Service that utilizes AngularFireDatabase by utilizing Jasmine Spy/Mock

Unable to generate paths in Ionic 3

Leverage a provider implementation within another implementation of the same provider in Angular

One system hosting two distinct projects, each running on its own unique node version

Component coding in Angular 2 allows for seamless integration and customization of Material

What is the best way to simulate DOCUMENT dependency injection for unit tests using Jest?

Capturing the httpClient response within a service using rxjs

Typescript is failing to infer the definition of an object, even after conducting a thorough check

What are the distinctions in type-narrowing when assigning values using ternary expressions versus if-else statements?