Remove properties that are not part of a specific Class

Question

Remove properties that are not part of a specific Class

Is there a way to remove unnecessary properties from the Car class?

class Car {
    wheels: number;
    model: string;
}

const obj = {wheels:4, model: 'foo', unwanted1: 'bar', unwantedn: 'kuk'};

const goodCar = filterUnwantedProps(obj); // goodCar only contains fields wheels and model

What is the best method to keep only the existing fields of the Car class in obj?

javascript typescript ecmascript-6

Answer 1

Answer №1

To filter out unwanted properties from an object, you can utilize the reduce() method with keys of a new instance of the Car class.

class Car {
  constructor() {
    this.engine = 'V8';
    this.color = 'red';
  }
}

const vehicle = {
  engine: 'V6',
  color: 'blue',
  type: 'SUV',
};

var filteredVehicle = Object.keys(new Car)
  .reduce(function(result, key) {
    if (key in vehicle) result[key] = vehicle[key];
    return result;
  }, {});

console.log(filteredVehicle)

Answer 2

To filter out unwanted properties from an object, you can utilize the reduce() method with keys of a new instance of the Car class.

class Car {
  constructor() {
    this.engine = 'V8';
    this.color = 'red';
  }
}

const vehicle = {
  engine: 'V6',
  color: 'blue',
  type: 'SUV',
};

var filteredVehicle = Object.keys(new Car)
  .reduce(function(result, key) {
    if (key in vehicle) result[key] = vehicle[key];
    return result;
  }, {});

console.log(filteredVehicle)

Answer 3

Answer №2

To simplify the process, you can utilize a constructor:

class Vehicle {
  constructor(tires, make) {
    this.tires = tires;
    this.make = make;
  }
}

const obj = {tires:4, make: 'Toyota', unwanted1: 'red', unwantedn: 'blue'};

const newVehicle = new Vehicle(obj.tires, obj.make);

console.log(newVehicle);

Alternatively, you can also structure it like this:

class Vehicle {
  constructor(obj) {
    this.tires = obj.tires;
    this.make = obj.make;
  }
}

const obj = {tires:4, make: 'Toyota', unwanted1: 'red', unwantedn: 'blue'};

const newVehicle = new Vehicle(obj);

console.log(newVehicle);

Answer 4

To simplify the process, you can utilize a constructor:

class Vehicle {
  constructor(tires, make) {
    this.tires = tires;
    this.make = make;
  }
}

const obj = {tires:4, make: 'Toyota', unwanted1: 'red', unwantedn: 'blue'};

const newVehicle = new Vehicle(obj.tires, obj.make);

console.log(newVehicle);

Alternatively, you can also structure it like this:

class Vehicle {
  constructor(obj) {
    this.tires = obj.tires;
    this.make = obj.make;
  }
}

const obj = {tires:4, make: 'Toyota', unwanted1: 'red', unwantedn: 'blue'};

const newVehicle = new Vehicle(obj);

console.log(newVehicle);

Answer 5

Answer №3

Another technique that can be considered is utilizing object destructuring and returning the specified object from the function:

const filterUnwantedProps = function({
  wheels: wheels,
  model: model
}) {
  return {
    wheels: wheels,
    model: model
  }
};

Here's a snippet of code showcasing this method in action:

class Car {
  wheels: number;
  model: string;
};

const obj = {
  wheels: 4,
  model: 'foo',
  unwanted1: 'bar',
  unwantedn: 'kuk'
};

const filterUnwantedProps = function({
  wheels: wheels,
  model: model
}) {
  return {
    wheels: wheels,
    model: model
  }
};
const goodCar = filterUnwantedProps(obj);
console.log(goodCar);

Answer 6

Another technique that can be considered is utilizing object destructuring and returning the specified object from the function:

const filterUnwantedProps = function({
  wheels: wheels,
  model: model
}) {
  return {
    wheels: wheels,
    model: model
  }
};

Here's a snippet of code showcasing this method in action:

class Car {
  wheels: number;
  model: string;
};

const obj = {
  wheels: 4,
  model: 'foo',
  unwanted1: 'bar',
  unwantedn: 'kuk'
};

const filterUnwantedProps = function({
  wheels: wheels,
  model: model
}) {
  return {
    wheels: wheels,
    model: model
  }
};
const goodCar = filterUnwantedProps(obj);
console.log(goodCar);

Remove properties that are not part of a specific Class

Answer №1

Answer №2

Answer №3

Similar questions

I'm curious if anyone has had success utilizing react-testing-library to effectively test change events on a draftJS Editor component

Guide to locating and substituting two integer values within a string using JavaScript

increase the selected date in an Angular datepicker by 10 days

Is it true that Javascript does not allow for saving or outputting actions?

What is the best way to pass my request data to my $scope variable?

TypeScript enum type encompassing all potential values

Exploring the contrast between Vuex store WATCH and SUBSCRIBE

What is the rationale behind requiring a semicolon specifically for IE11 in this function?

I am experiencing issues with the search feature in angular and node.js that is not functioning properly

Creating an event on the containing element

Ensure that you patiently wait for the axios method to finish execution before moving on to the

Triggering multiple subscription functions in Ionic 3 NGRX when a single state change occurs

Attempting to sort through elements in JavaScript

What could be the reason my component is not displaying the ContentChild associated with a directive?

Interact with the horizontal click and drag scroller to navigate through various sections effortlessly, each designed to assist you

Leverage predefined JavaScript functions within an Angular template

The issue I am facing is that the map function is not functioning correctly when I click

When utilizing Javascript's Array.push method, a nested array is generated that is inaccessible using the index

The display/block feature will only function if the div element is contained within a table

I encountered a PrimeVue error while running a Vue Jest test