Retrieve the non-empty attributes of a JSON object

Question

Retrieve the non-empty attributes of a JSON object

I have a function in Typescript that extracts specific values from a JSON data object, some of which may be empty. How can I retrieve only certain data fields?

Here is the function:

let datosCod;
    for (let get in Object.keys(transfConsData)) {
      const value = transfConsData[get];
      if (value.Country === 'Colombia') {
        datosCod = value;
      }
    }

This is what the variable dataCod contains:

{ Country: 'Colombia',
  Ser: '',
  Ins: 'blue',
  BBDD: ''}

My objective is to extract the following information:

{ Country: 'Colombia',
  Ins: 'blue'}

totalValues = 2

arrays json typescript

Answer 1

Answer №1

Here is the solution:

const info = { City: "Tokyo", Population: "", Language: "Japanese", Currency: "" };
const cleanInfo = Object.fromEntries(
  Object.entries(info).filter(([_, value]) => !!value)
);

console.log(cleanInfo);
// result: Object { City: "Tokyo", Language: "Japanese" }

The crucial step is the filtering process. The line

.filter(([_, value]) => !!value)

effectively removes any false values, including null and empty strings. If you only want to filter out empty strings, you can use

.filter(([_, value]) => value !== '')

instead. However, it seems like your goal is to eliminate all falsy values.

Another approach without using fromEntries involves reduce:

const info = { City: "Tokyo", Population: "", Language: "Japanese", Currency: "" };
const cleanInfo = Object.entries(info)
  .filter(([_, value]) => !!value)
  .reduce((accumulator, [key, value]) => {
    accumulator[key] = value;
    return accumulator;
  }, {});

console.log(cleanInfo);
// result: Object { City: "Tokyo", Language: "Japanese" }

Answer 2

Here is the solution:

const info = { City: "Tokyo", Population: "", Language: "Japanese", Currency: "" };
const cleanInfo = Object.fromEntries(
  Object.entries(info).filter(([_, value]) => !!value)
);

console.log(cleanInfo);
// result: Object { City: "Tokyo", Language: "Japanese" }

The crucial step is the filtering process. The line

.filter(([_, value]) => !!value)

effectively removes any false values, including null and empty strings. If you only want to filter out empty strings, you can use

.filter(([_, value]) => value !== '')

instead. However, it seems like your goal is to eliminate all falsy values.

Another approach without using fromEntries involves reduce:

const info = { City: "Tokyo", Population: "", Language: "Japanese", Currency: "" };
const cleanInfo = Object.entries(info)
  .filter(([_, value]) => !!value)
  .reduce((accumulator, [key, value]) => {
    accumulator[key] = value;
    return accumulator;
  }, {});

console.log(cleanInfo);
// result: Object { City: "Tokyo", Language: "Japanese" }

Retrieve the non-empty attributes of a JSON object

Answer №1

Similar questions

Is there a way to set up an HTTP service in Orbeon by utilizing HTTP parameters and extracting data from a JSON response?

Grabbing data using @RequestParam and $http.post in angularjs I will

Creating a JSON Object from Query Result in SQL Server

What could be causing my application to hang on my local server?

What is the best way to validate an Array, ensuring that the test fails only if there is no match found among all the values that were

Discovering a random element within a PHP array

Tips for expanding Jackson property detection in a universal manner for all types?

Issue: formGroup requires an input of type FormGroup. Please provide one; Error: Unable to access property 'controls' as it is undefined

When transferring JSON to JavaScript within Laravel, the JSON data gets converted into HTML entities by JavaScript

Ensuring seamless collaboration between Typescript node modules

Saving JSON output to CSV in Bash

"Encountering a Python JSON TypeError while attempting to parse data from

Can [] be considered a valid type in Typescript language?

What causes the distinction between entities when accessing objects through TestingModule.get() and EntityManager in NestJS?

"Enhance your development experience with the TypeScript definitions for the Vue 2 plugin

Executing a child component function once the parent component data is loaded in Angular 5

Calculating the mean of each column in a two-dimensional array

Mastering the art of effectively capturing and incorporating error data

PHP: Check if an array contains values that begin with a specific value

What could be causing the data retrieved from the JSON action to appear as "undefined"?