How to Filter Specific Keys in Nested JavaScript Arrays

Question

How to Filter Specific Keys in Nested JavaScript Arrays

I'm working with a JavaScript Array and I'm looking to filter it to only include certain keys:

function cleanArray(arr, whitelist) {
  // remove all non-whitelisted keys from the array
}

let origArr = [
  { keep1: 'abc', keep2: 'def', buh1: false, buh2: false },
  { keep3: 'abc', keep4: 'def', buh3: false, buh4: true },
  { keep5: 'abc', keep6: 'def', buh5: false, buh5: false }
];

let whiteList = ['keep1', 'keep2', 'keep3', 'keep4', 'keep5'];
let resultArr = cleanArray(origArr, whiteList);

// expected output
resultArr = [
  { keep1: 'abc', keep2: 'def' },
  { keep3: 'abc', keep4: 'def' },
  { keep5: 'abc', keep6: 'def' } 
];

How can I go about removing all non-white-listed keys from this Array without simply iterating through it? It doesn't have to be immutable; readability is key here.

Thanks for your suggestions!

javascript arrays

Answer 1

Answer №1

Here is a solved example:

let data = [
  { name: 'John', age: 25, city: 'New York', isActive: true },
  { name: 'Lisa', age: 30, city: 'Los Angeles', isActive: false },
  { name: 'Mike', age: 35, city: 'Chicago', isActive: true }
]

let filterList = ['name', 'age'];

data.forEach(function (person) {
  Object.keys(person).forEach(function(key) {
    if (filterList.indexOf(key) == -1) 
      delete person[key]
  })
})

console.log(data)

Answer 2

Here is a solved example:

let data = [
  { name: 'John', age: 25, city: 'New York', isActive: true },
  { name: 'Lisa', age: 30, city: 'Los Angeles', isActive: false },
  { name: 'Mike', age: 35, city: 'Chicago', isActive: true }
]

let filterList = ['name', 'age'];

data.forEach(function (person) {
  Object.keys(person).forEach(function(key) {
    if (filterList.indexOf(key) == -1) 
      delete person[key]
  })
})

console.log(data)

How to Filter Specific Keys in Nested JavaScript Arrays

Answer №1

Similar questions

Refreshing AngularJs screens via polling

What causes Chrome to automatically remove a script tag?

Could you explain the purpose of the app.use(cors()) function call?

The height of the browser action will not return to its original state

Using cfajaxproxy in conjunction with URL rewriting capabilities

Having trouble with Node.js code not behaving as anticipated and adding the object twice in the array?

Unable to store the user's input information in the database

Troubles with Angular elements not aligning correctly when using the "display: block" property

Adjusting the dimensions of a unicode character or image with Javascript or jQuery

employ variables as booleans within pug

Initiate requests to external servers from a NodeJS backend

I am looking for the best way to pass a JSON value to another method

I am attempting to retrieve the information entered into the textbox, search for it within my database, and display the results beneath the textbox for reference

Issue with responsive canvas height in Particle-JS

Encountering an issue where rendering a component named Exercise within the ExerciseList component is not allowed

Creating an array of multiple recipients through Mandrill: A step-by-step guide

The functionality of Firebase storage.object().onChange has been removed and is no longer supported

Bootstrap.js has the ability to utilize nested objects for organizing and

Discover the magic of using jQuery's .map() method with

Save the environment value within Vue when the app starts up