Is there a way to retrieve the value in an object array based on a key that is present within the same array?
The structure of the object array is as follows:
const objectArray = [
{key: "1", value: "12321"},
{key: "2", value: "asdfas"}
]
For example, if I have the key's value as key = 1, how can I obtain 12321 as the desired output? Are there any solutions available for this scenario?
If you want to accomplish this task, you can utilize the .find() method.
Give this a try:
this.objectArray.find(x => x.key == "1").value
To address any potential exceptions if the item is not found in the array, follow this approach:
let item = this.objectArray.find(x => x.key == "1")
this.value = item ? item.value : null
You have the ability to achieve this by utilizing the filter() function and leveraging the existing key value.
const objectArray = [
{key: "1", value: "12321"},
{key: "2", value: "asdfas"}
]
const el = objectArray.filter(item => item.key == 1)[0];
el
? console.log(el.value) // will output 12321
: console.log('none found')Searching for the element with key "1" in objectArray using JavaScript's find method.
Check out the documentation at https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find
arrayOfObjects.forEach(function(element) {
Object.keys(element).forEach(function(prop) {
console.log("property:" + prop + "value:" + element[prop]);
});
});
My current challenge involves wrapping a custom component called SelectSearchResult around the AsyncSelect component from the library react-select. I want most of the props for my custom component to be similar to those of AsyncSelect, but with some except ...
I'm currently working with a complex nested JSON Array and I need to filter it (based on the name property) according to what the user enters in an input tag, displaying the results as an autocomplete. I've started developing a basic version of t ...
Is it possible for me to populate an associative array using variables from another array? Consider the following array: $keys = array("key1", "key2", "key3"); I aim to fill a new array with these keys in the following format: $someArray["key1"]["key2" ...
Take a look at this code: {path : 'recipes', component:RecipesComponent, children:[ {path:':id', component:RecipeDetailComponent}, {path:':new', component:NewRecipeComponent } ]}, No matter which link you use: h ...
Let me clarify the scenario I am dealing with so you can grasp it better. I have a Cart and various Products. When a user adds the product (product_id = 1) twice to the cart with the same options (red, xl), I increase the quantity of that item. However, i ...
I've been working on implementing a hover-over zoom functionality for my images. I created a custom function and tried to integrate it into the ngOnInit() {} method, but unfortunately, the functionality is not working as expected. @Component({ se ...
I'm just starting to learn Angular and TypeScript. My goal is to redirect multiple hostnames to a single Angular 6 project because most aspects are the same, with only language and URLs varying. For example, here's what I have implemented in ap ...
I encountered a issue. I have developed a class called 'Game', within which there is an array named 'ShadowField'. This Field holds objects ('Fields'): class Game extends Gameboard { public $ShadowField = array(); pub ...
I am currently in the process of developing a straightforward function to eliminate duplicates from an array using TypeScript. While I acknowledge that there are numerous methods to accomplish this task, my main objective is to enhance my understanding of ...
In my typescript project, I am looking to exclude all generated JavaScript files in a specific folder from SVN. Is there a convenient command or method to achieve this for all files within the directory? ...
enable.service.ts @Injectable({ providedIn: 'root' }) export class EnableService { isEnabled$ = from(this.client.init()).pipe( switchMap(() => this.client.getEnabled()), map(([enabled, isAdmin]) => ({enabled: true, isAdmin: fals ...
I have implemented the use of HttpOnly cookies in my Java code like this: ... Cookie accessTokenCookie = new Cookie("token", userToken); accessTokenCookie.setHttpOnly(true); accessTokenCookie.setSecure(true); accessTokenCookie.setPath("/"); response.addC ...
While attempting to create a new component named signup-form using the command: ng generate component signup-form / ng g component signup-form An error is being thrown that reads: Unexpected token / in JSON at position 1154 The source of this error i ...
I'm currently in the process of setting up a basic application using Angular 1 alongside Typescript 2 and Webpack. Everything runs smoothly until I attempt to incorporate an external module, such as angular-ui-router. An error consistently arises ind ...
Currently working on an angular ionic project and I'm looking to personalize the design of the ion-searchbar. In the default template, the search bar icon is positioned on the left side. My goal is to adjust the placement of the icon and have it situa ...
I have encountered a challenge while attempting to parse a large JSON file that exceeds the size of 40mb. Upon loading this JSON data in viewdidload(), it results in a significant memory spike up to 300mb. Are there any recommended libraries or efficient t ...
I am in the process of developing a service that utilizes router configuration to generate a map of routes based on components. Everything works smoothly except when dealing with lazy loaded module routes. I'm stuck on how to retrieve routes from a l ...
I am facing a challenge with my angular web application as there are some elements that are difficult to interact with. One specific element is a checkbox that needs to be checked during testing: ` <div class="row form-group approval_label"> < ...
How can an element be added to an Eigen array or matrix? By utilizing STD vector, the push_back function can be used. vector<int> index; int random = 1 + (rand() % 5); for (int i = 0; i < random; i++) index.push_back(i+i); ...
I am facing an issue with my Angular app repository. After cloning the repository, installing the node_module, and running ng serve, I encounter an error. Despite searching for numerous solutions, none seem to be effective. The app is built on Angular 8.1, ...