Observables: Transforming data by adding a new field

Question

Observables: Transforming data by adding a new field

How can I make this code more elegant and concise?

Observable.of(
        {field: "title"},
        {field: "referenceId", key: "refid"},
        {field: "app"},
        {field: "user"},
        {field: "action"},
        {field: "expiresAt", key: "expiration"},
        {field: "timestamp"}
    )
    .pipe(
        map(field => {
            if (!field.key) {
                return { ...field, key: field.field, sorteable: true };
            }
            else {
                return { ...field, sorteable: true };
            }
        })
    );

typescript rxjs

Answer 1

Answer №1

If you're looking to streamline your code, consider utilizing the ternary conditional operator. This allows for more concise and efficient logic in situations where you need to make a decision based on a condition.

    .pipe(
        map(field => 
          field.key ? { ...field, sorteable: true } : { ...field, key: field.field, sorteable: true }
    );

An alternative approach is to simplify your code by removing the else condition altogether:

    .pipe(
        map(field => {
          let temp = { ...field, sorteable: true }
          if(!field.key) {
            temp = {...temp, key: field.field}
          }
          return temp
        }
    );

For a more comprehensive solution, you can combine both methods for flexibility and clarity:

    .pipe(
        map(field => {
          let temp = { ...field, sorteable: true }
          return field.key ? temp : {...temp, key: field.field}
        }
    );

Answer 2

If you're looking to streamline your code, consider utilizing the ternary conditional operator. This allows for more concise and efficient logic in situations where you need to make a decision based on a condition.

    .pipe(
        map(field => 
          field.key ? { ...field, sorteable: true } : { ...field, key: field.field, sorteable: true }
    );

An alternative approach is to simplify your code by removing the else condition altogether:

    .pipe(
        map(field => {
          let temp = { ...field, sorteable: true }
          if(!field.key) {
            temp = {...temp, key: field.field}
          }
          return temp
        }
    );

For a more comprehensive solution, you can combine both methods for flexibility and clarity:

    .pipe(
        map(field => {
          let temp = { ...field, sorteable: true }
          return field.key ? temp : {...temp, key: field.field}
        }
    );

Observables: Transforming data by adding a new field

Answer №1

Similar questions

"Encountering issue with auto-import suggestions failing to appear in VS Code version 1.88.0

Typescript's struggle with dynamic property typings in React Functional components

Having trouble retrieving data in Angular from the TypeScript file

Retrieving the chosen option using a change event listener

The function for utilizing useState with a callback is throwing an error stating "Type does not have

What is the correct location to import a custom theme in MUI for Next.js?

The conundrum of nested function wrapping in Typescript and its impact on

How to inject a regular class in Angular2 without the @Injectable decorator

Angular2 pipe for custom dates with translation support

The NextJS application briefly displays a restricted route component

The property "props" is not recognized within the context of type PropType

The successful conversion of Typescript to a number is no longer effective

What are the steps to installing Typescript on my computer?

Utilizing a JSDoc comment from an external interface attribute

Oops! An unexpected error occurred while parsing the JSON response

Troubleshooting problem with rxjs subscription impacting component UI refresh

Ways to populate missing cells with a default hyphen symbol

What is the best way to convert this into a distinct function using typescript?

"Encountering a Bug in Angular 2 Related to Chart.js

Attempting to create a login feature using phpMyAdmin in Ionic framework