Filter out items from an array in JSON that are not included in a separate array, utilizing TypeScript

Question

Filter out items from an array in JSON that are not included in a separate array, utilizing TypeScript

Is there a way to remove objects from a JSON array that are not included in another array?

let originalArray = [{
  id: 1,
  NoOfEmp: 12,
  Wages:1000,
  TotalSI: 21,
  Salary:3000
}, {
   id: 2,
  NoOfEmp: 13,
  Wages:2000,
  TotalSI: 22,
  Salary:4000
}]

let keepArrayObjects = ['id','NoOfEmp','Wages']

originalArray = originalArray.filter( function( el ) {
  return keepArrayObjects.indexOf( el ) >  0;
} );

console.log(originalArray);

The code above was an attempt to remove the "TotalSI" and "Salary" objects, while keeping those listed in the keepArrayObjects array. However, it did not work as expected.

I am looking to modify the original array itself. Can someone provide assistance with this?

javascript typescript

Answer 1

Answer №1

You have the option to create new objects by mapping desired entries.

let array = [{ id: 1, NoOfEmp: 12, Wages: 1000, TotalSI: 21, Salary: 3000 }, { id: 2, NoOfEmp: 13, Wages: 2000, TotalSI: 22,  Salary: 4000 }],
    keys = ['id', 'NoOfEmp', 'Wages'],
    result = array.map(o => Object.fromEntries(keys.map(k => [k, o[k]])));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

For Internet Explorer compatibility:

var array = [{ id: 1, NoOfEmp: 12, Wages: 1000, TotalSI: 21, Salary: 3000 }, { id: 2, NoOfEmp: 13, Wages: 2000, TotalSI: 22,  Salary: 4000 }],
    keys = ['id', 'NoOfEmp', 'Wages'],
    result = array.map(function (source) {
        return keys.reduce(function (target, k) {
            target[k] = source[k];
            return target;
        }, {});
    });

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

You have the option to create new objects by mapping desired entries.

let array = [{ id: 1, NoOfEmp: 12, Wages: 1000, TotalSI: 21, Salary: 3000 }, { id: 2, NoOfEmp: 13, Wages: 2000, TotalSI: 22,  Salary: 4000 }],
    keys = ['id', 'NoOfEmp', 'Wages'],
    result = array.map(o => Object.fromEntries(keys.map(k => [k, o[k]])));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

For Internet Explorer compatibility:

var array = [{ id: 1, NoOfEmp: 12, Wages: 1000, TotalSI: 21, Salary: 3000 }, { id: 2, NoOfEmp: 13, Wages: 2000, TotalSI: 22,  Salary: 4000 }],
    keys = ['id', 'NoOfEmp', 'Wages'],
    result = array.map(function (source) {
        return keys.reduce(function (target, k) {
            target[k] = source[k];
            return target;
        }, {});
    });

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

If you're looking to eliminate certain properties from an object:

sourceArray.filter((item) => {
  for (let property in item) {
    if (!propertiesToKeep.includes(property)) {
      delete item[property]
    }
  }
});

console.log(sourceArray);

Answer 4

If you're looking to eliminate certain properties from an object:

sourceArray.filter((item) => {
  for (let property in item) {
    if (!propertiesToKeep.includes(property)) {
      delete item[property]
    }
  }
});

console.log(sourceArray);

Filter out items from an array in JSON that are not included in a separate array, utilizing TypeScript

Answer №1

Answer №2

Similar questions

Navigating to User's Specific Info Page using Node.js

What is the best way to merge append() and replaceWith() functions in jQuery?

Using directive to access service values directly

How do you retrieve the font-size value in percentages using jQuery's `css()` method for the element `e`?

Function for testing global variable stub in JavaScript

What is the method for closing an <iframe> element directly?

using configureStore instead of createStore

The error message states: "An error occurred: Unable to find the 'HttpProvider' property within an undefined

Remove chosen tags from the options list in Material UI Autocomplete Multiple

Unresolved (waiting for response) unidentified

Tips for updating the font size of your MUI Accordion title

Filter an array containing nested objects based on dynamically determined properties

What are some ways to optimize Ajax requests for improved speed when multiple identical requests are made on a single webpage?

Filtering data from an Ajax request in Angular using a filter function with JSON

Leverage PHP to dynamically populate a chart.js visualization with information sourced from an SQLite Database

Two separate entities link to a shared occurrence

Placing a div with position:absolute inside another div with position:absolute and turning them into position:fixed

Choosing an option from a dropdown menu in Google Forms using Puppeteer in NodeJS

django ajax request returning a 403 error

MatDialog displaying no content