One method of extracting an object from an array using a parameter function is by utilizing the following approach

Question

One method of extracting an object from an array using a parameter function is by utilizing the following approach

I am searching for a specific object in an array based on the user-provided ID.

var laptops = [{
    "name": "Firefox",
    "age": 30,
    "id": "ab"
  },
  {
    "name": "Google",
    "age": 35,
    "id": "cd",
    "date": "00.02.1990"
  },
  {
    "name": "Microsoft",
    "id": "ef",
    "age": 40
  }
];

getLaptopByAsin(id: string) {
  var laptop = this.laptops.find(
    (laptopObject) => {
      return laptopObject.name === id;
    }
  );
  return laptop;
}
var enter = "cd";
name = this.getLaptopByAsin(enter).name;
age = this.getLaptopByAsin(enter).age;
date = this.getLaptopByAsin(enter).date;
console.log(name)
console.log(age)
console.log(date)

javascript angular typescript

Answer 1

Answer №1

The issue you're facing is related to filtering by name:

this.laptops.find(
    (laptopObject) => {
      return laptopObject.name === id;
    }
 );

Once the problem is resolved and some restructuring is done, the code transforms into this:

getLaptopByAsin(id: string) {
  return this.laptops.find(
    laptopObject => laptopObject.id === id
  );
}

Additional comments to consider:

Opt for using const over var whenever possible.
The way you are storing dates may lead to complications in the future. It's beneficial to adopt a standard like https://en.wikipedia.org/wiki/Epoch instead.
Avoid unnecessary function calls. Store the result of getLaptopByAsin in a variable (const foundLaptop) to avoid iterating over the array multiple times. For example:

const foundLaptop = this.getLaptopByAsin('cd'); console.log(foundLaptop.name); console.log(foundLaptop.age, foundLaptop.date);

Answer 2

The issue you're facing is related to filtering by name:

this.laptops.find(
    (laptopObject) => {
      return laptopObject.name === id;
    }
 );

Once the problem is resolved and some restructuring is done, the code transforms into this:

getLaptopByAsin(id: string) {
  return this.laptops.find(
    laptopObject => laptopObject.id === id
  );
}

Additional comments to consider:

Opt for using const over var whenever possible.
The way you are storing dates may lead to complications in the future. It's beneficial to adopt a standard like https://en.wikipedia.org/wiki/Epoch instead.
Avoid unnecessary function calls. Store the result of getLaptopByAsin in a variable (const foundLaptop) to avoid iterating over the array multiple times. For example:

const foundLaptop = this.getLaptopByAsin('cd'); console.log(foundLaptop.name); console.log(foundLaptop.age, foundLaptop.date);

One method of extracting an object from an array using a parameter function is by utilizing the following approach

Answer №1

Similar questions

How to convert form fields into JSON format using Angular 2

Check the @versionColumn value for validation prior to the entity save operation in TypeORM

Creating input fields using Vuejs

Pass information submitted through a JavaScript prompt to an expressjs endpoint

What are some methods for altering ReadOnly values?

Enhance link with dynamic content using an AJAX call

Switch button displaying stored data in sessionStorage

Function that activates traffic lights

The utilization of angular2-materialize is not possible due to an error message indicating that jQuery.easing is undefined

`The ng-binding directive seems to be malfunctioning while ng-model is functioning properly

Using Vue to dynamically wrap a component with a tag

Why are NodeJS and Jade/Pug variables not being recognized in the Jade script?

Using React with Typescript to display components generated from the `map` function

Creating subclass mappings and defining subclasses dynamically using Typescript at runtime

Working with jQuery, CSS, and functions to modify the current tag's class

Is there a way to execute a node script via command line sans the need for installation and external packages?

Tips for transferring a DotNetObjectReference to a JS DOM event

Leveraging latitude and longitude data from an API to create circles on the AGM platform

Error 404 encountered when updating packages in Angular2 tutorial: platform-browser-dynamic.umd.js

CSS Only Sidebar Dropdown (without using Bootstrap)