I need to find a specific value within a multi-dimensional array using Typescript. How should I go about searching

Here is the array I am working with:

0: {value: "VALUE1", label: "VALUE1"}
1: {value: "VALUE2", label: "VALUE2"}

If the value truck is found in this array, I need to execute one function. Otherwise, I will run a different function.

Answer №1

function retrieveObject(input, array) {
  for(obj of array) {
    if(obj['input'] === input) {
      return obj
    }
  }
  return null
}

const foundObj = retrieveObject('book', [
  { input: "INPUT1", description: "DESCRIPTION1" },
  { input: "INPUT2", description: "DESCRIPTION2" },
  { input: "book", description: "DESCRIPTION3" }
])

if (foundObj) {
  console.log('Found a book', { foundObj })
} else {
  console.log('No book found')
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Using EMCC and WASM on the web, what is the best way to utilize a C function?

I am currently working on a basic website that showcases the outcome of a function call from a javascript file that interacts with a WASM file. Here are the files I have set up: Makefile FILES = add.c OUTPUT = MyWasmLib CC = emcc EMCC_VERSION := $(shell c ...

The method takes in an array of user names along with an HTTP request for each, then it will generate an observable array of user objects as output

I need to retrieve an array of user objects from a non-observable array of usernames (string[]). I am looking for a method that can fetch each user object through getUser(username) (HTTP GET request from Angular in-memory web API) for each provided usernam ...

Is it possible to include a border/stroke on a Raphael picture?

Currently, I am attempting to enhance a Raphael image element by adding either a border, stroke, or drop shadow. My end goal is to create an animated glowing border effect. Previously, I successfully implemented this on traditional HTML elements using Java ...

Is it possible to use export default Enum in TypeScript?

I am facing an issue with exporting an enum object as default at the top level in my code. Here is what I tried: export default enum Hashes{ FOO = 'foo', BAR = 'bar', } However, this resulted in an error message: Module parse failed ...

Is there a way to have an HTML scrollbar automatically start at the bottom?

I'm having trouble ensuring that my chatbox's scrollbar automatically starts at the bottom so that new messages are visible without needing to scroll down. The current code I have in JQuery is not achieving this desired behavior. $('#chatbo ...

The function fails to execute on the initial attempt

Currently, I am utilizing Kendo controls, specifically focusing on the Grid and Drop Down Lists. Since the Kendo Grid components do not come with a built-in handler for double click events, I have implemented some JQuery code to work around this limitatio ...

executing several asynchronous requests upon loading the webpage in a single-page application

As a newcomer to front end development, I have a question about page rendering performance. In my single page application, I have utilized multiple Ajax calls to retrieve data for manipulation in order to enhance performance. However, I am concerned that ...

Tips on how to retrieve the value of a number-type input within a custom attribute directive

I have successfully implemented this code in IE 11, but now we are looking to transition away from IE11 and address some of the issues that have arisen. <input type="number" evaluate-input="model.personalNumber" ng-model="model ...

What is the best way to pass a dynamically generated component as the ng-content for another dynamically generated component?

Need help with creating a modal for our library using viewRef.createComponent. I want to generate Component A and embed Component B inside it, utilizing <ng-content> to fetch content from Component B. Component A serves as the modal template, while ...

What is the process of organizing information with http in Angular 2?

Currently, I am working through a heroes tutorial and have made progress with the code so far. You can view the code <a href="https://plnkr.co/edit/YHzyzm6ZXt4ESr76mNuB?preview" rel="nofollow noreferrer">here</a>. My next goal is to implement ...

Discovering a full class entity within an array using Javascript

I am currently working with an array of objects that serves as the datasource for a materials table. Before adding a new row, I need to ensure that it does not already exist in the array. Since there is no key value assigned to the objects in the array, I ...

Cause the production build to fail while maintaining successful builds in development mode

I am in the process of developing an Angular application and have a question regarding ensuring the build fails in production but not during local development. Specifically, I have a complex login logic that I would like to bypass while working on it. To ...

Tips on adding a "Launch app" button to a website for an iOS app that utilizes Universal Links

I have a React website that uses the Apple App Site Association file to manage Universal Links, which allows links to open in my iOS app if it's installed. Everything works smoothly when clicking links from external sources like Google search results. ...

Show the HTML page returned by the server on the client side

Hey there! I've come across a PHP code snippet that sends back an HTML file as a response. This PHP code makes use of the include method to send the file. When I'm on the client side, I'm employing AJAX. Upon typing console.log(data) (with ...

Loading Embedded Content with ReactJS

Currently, I am developing a one-page website with ReactJS. Each section of the site is created as individual React components, which are displayed conditionally based on the user's tab selection in the navigation bar. As part of my design, I have in ...

Running Node.js code from npm within Swift can be achieved by following these steps:

I am looking to integrate a Node JS package downloaded from npm into my Cocoa App and run it using Swift. Despite searching online, I have not been able to find any information on whether it is possible to call an npm package from Swift. Can anyone help m ...

Learn how to utilize Vue 3 to access properties that have been passed down from a parent component, even if they

Hey there, hope everything is going well. I'm familiar with react.js, but when I gave vue a try, things felt a bit different. In react, it's easy to access props passed from the parent in the child component without much hassle. However, in vue, ...

Utilizing window.prototype methods in JavaScript for Angular development

I have been tasked with migrating AngularJS code to Angular. There is a JavaScript function that needs to be integrated into an angular component, and the project is using Angular version 12+. The JavaScript function in question is as follows: (function(wi ...

Tips for decoding the JSON data in Phone Gap

As someone who is just starting out with PhoneGap, I have been looking at similar questions about parsing JSON data. Unfortunately, the explanations provided in those questions are not detailed enough for me. Below is the code I am using to fetch the JSO ...

inject a function to a filter in AngularJS

When applying a filter on the controller to retrieve data from a web API, everything works correctly. However, I am trying to implement a function that will be called from the controller when the filter searches for records and finds no data. .control ...