"Narrow down the object's properties based on an array of specified property

Question

"Narrow down the object's properties based on an array of specified property

So here's the situation:

I have an object that looks like this

var obj = { name1: somevalue1, name2: somevalue2, name3: somevalue3}

Followed by an array

var arr = [name2, name3]

Both of these are dynamically generated. What I need to do is filter the object using the array (based on property names, not their values). However, all the methods I've come across so far focus on filtering by values. Therefore, the desired result should look like this:

var result = {name2: somevalue2, name3: somevalue3}

I'm working with Angular and Underscore. The filtering needs to be done in the controller, not in the template. Any assistance would be greatly appreciated!

javascript angularjs underscore.js

Answer 1

Answer №1

If you want to selectively filter an object, you can make use of the _.pick method from Underscore.js.

var obj = { name1: "somevalue1", name2: "somevalue2", name3: "somevalue3"};
var keys = ["name1", "name2"];

console.log(_.pick(obj, keys));

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Answer 2

If you want to selectively filter an object, you can make use of the _.pick method from Underscore.js.

var obj = { name1: "somevalue1", name2: "somevalue2", name3: "somevalue3"};
var keys = ["name1", "name2"];

console.log(_.pick(obj, keys));

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Answer 3

Answer №2

To create a new object with key value pairs, you can iterate through the keys and populate the new object accordingly.

var sourceObj = { key1: 'value1', key2: 'value2', key3: 'value3' };
    keysToCopy = ['key2', 'key3'],
    copiedObj = Object.create(null);

keysToCopy.forEach(function (key) {
    copiedObj[key] = sourceObj[key];
});

console.log(copiedObj);

Answer 4

To create a new object with key value pairs, you can iterate through the keys and populate the new object accordingly.

var sourceObj = { key1: 'value1', key2: 'value2', key3: 'value3' };
    keysToCopy = ['key2', 'key3'],
    copiedObj = Object.create(null);

keysToCopy.forEach(function (key) {
    copiedObj[key] = sourceObj[key];
});

console.log(copiedObj);

Answer 5

Answer №3

To retrieve an object using the reduce() method, follow this example:

var obj = {
  name1: 'somevalue1',
  name2: 'somevalue2',
  name3: 'somevalue3'
}
var arr = ['name2', 'name3']

var result = Object.keys(obj).reduce(function(r, e) {
  if (arr.indexOf(e) != -1) r[e] = obj[e];
  return r;
}, {})

console.log(result)

Answer 6

To retrieve an object using the reduce() method, follow this example:

var obj = {
  name1: 'somevalue1',
  name2: 'somevalue2',
  name3: 'somevalue3'
}
var arr = ['name2', 'name3']

var result = Object.keys(obj).reduce(function(r, e) {
  if (arr.indexOf(e) != -1) r[e] = obj[e];
  return r;
}, {})

console.log(result)

Answer 7

Answer №4

Loop through each item in the array and compare them to keys in an object, then add matching key-value pairs to a new result object.

const dataObj = { name1: somevalue1, name2: somevalue2, name3: somevalue3};// This is our object

const dataArray = [name2, name3];// Array of elements to retrieve values from obj

const filteredResult = {};// Object to store filtered values

dataArray.forEach((element) => { // Iterate through each element in the array
    if (dataObj[element]) // Check if the key exists in the object
        filteredResult[element] = dataObj[element]; // Add matching key-value pair to filtered object
});

console.log(filteredResult);

Answer 8

Loop through each item in the array and compare them to keys in an object, then add matching key-value pairs to a new result object.

const dataObj = { name1: somevalue1, name2: somevalue2, name3: somevalue3};// This is our object

const dataArray = [name2, name3];// Array of elements to retrieve values from obj

const filteredResult = {};// Object to store filtered values

dataArray.forEach((element) => { // Iterate through each element in the array
    if (dataObj[element]) // Check if the key exists in the object
        filteredResult[element] = dataObj[element]; // Add matching key-value pair to filtered object
});

console.log(filteredResult);

"Narrow down the object's properties based on an array of specified property

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Using AJAX (jQuery) to process and refine JSON data through filtration

Dynamically switch between doubling Ajax calls in JavaScript

Tips for managing a PHP post request without full knowledge of the variables to retrieve

Is it possible to dynamically pass a component to a generic component in React?

Oops! Looks like there was an issue with defining Angular in AngularJS

Guide on setting up haproxy as a reverse proxy for socket.io with SSL to avoid mixed content warnings

Guide on incorporating botframework into a mobile application...?

Displaying information from database using AngularJS

Mobile devices consistently experiencing issues with JavaScript generated elements overlapping

Verifications in the realm of javascript

how can one cycle through this demonstration

Looking for help with aligning an icon to the right side of my text

Transform the date format from yyyy-MM-dd'T'HH:mm:ss.SSS'Z' to dd-mmm-yyyy with the help of JavaScript

Effectively monitoring coordinates on both the client and server sides

ES6 Generators: lack of informative stack trace when using iterator.throw(err)

Why is there nothing showing up on the screen?

What is preventing my JavaScript from loading on my website when using window.onload?

Modify the text highlighted in bold within the AngularJS application

Accessing the runtime 'this' value from an external function in JavaScript

Search for a specific key within a list of dictionaries