Assign a default value to empty elements in an array

Question

Assign a default value to empty elements in an array

Here is an example of fetching data in an array:

[
    {
        "Id": 111,
        "Name": "Test 1",
        "Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8de8e0ece4e1bccde9e2e0ece4e3a3e3e8f9">[email protected]</a>",
    },
    {
        "Id": 133,
        "Name": "Test 2",
        "Email": "null",
    },
    {
        "Id": 133,
        "Name": null,
        "Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c6a3aba7afaaf486a2a9aba7afa8e8a8a3b2">[email protected]</a>",
    }
]

This data is fetched from an API.

 this.Details = response;

The goal is to replace any instances of null or blank with -.

javascript angular typescript

Answer 1

Answer №1

If you want to use a conditional operator, you can utilize &&

data[0].Name && console.log("There is a Name at 0");
data[1].Name && console.log("There is a Name at 1");
data[2].Name && console.log("There is a Name at 2");

const data = [
    {
        "Id": 111,
        "Name": "Test 1",
        "Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="66030b070f0a572602090b070f0848080312">[email protected]</a>",
    },
    {
        "Id": 133,
        "Name": "Test 2",
        "Email": "null",
    },
    {
        "Id": 133,
        "Name": null,
        "Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="43262e222a2f7103272c2e222a2d6d2d2637">[email protected]</a>",
    }
]


data[0].Name && console.log("There is a Name at 0");
data[1].Name && console.log("There is a Name at 1");
data[2].Name && console.log("There is a Name at 2");

Answer 2

If you want to use a conditional operator, you can utilize &&

data[0].Name && console.log("There is a Name at 0");
data[1].Name && console.log("There is a Name at 1");
data[2].Name && console.log("There is a Name at 2");

const data = [
    {
        "Id": 111,
        "Name": "Test 1",
        "Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="66030b070f0a572602090b070f0848080312">[email protected]</a>",
    },
    {
        "Id": 133,
        "Name": "Test 2",
        "Email": "null",
    },
    {
        "Id": 133,
        "Name": null,
        "Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="43262e222a2f7103272c2e222a2d6d2d2637">[email protected]</a>",
    }
]


data[0].Name && console.log("There is a Name at 0");
data[1].Name && console.log("There is a Name at 1");
data[2].Name && console.log("There is a Name at 2");

Assign a default value to empty elements in an array

Answer №1

Similar questions

Tips for updating an object variable dynamically in an Angular application

Exploring the Art of Navigation with Ionic and Angular

Removing a Dynamic Element in ReactJS

The form within the while loop is only functioning with the initial result

Unable to change the NodeJS version

What is the process for calculating the total sum of input values utilizing JavaScript?

The sticky navigation bar isn't functioning properly, even though the code worked perfectly on W3School

Click a button to spin images around

Issue with inconsistent error handling in Mui DateTimePicker and react-hook-form

Tips on maintaining continuous ng serve to keep Angular 2 application running indefinitely

Is it possible to create cloud functions for Firebase using both JavaScript and TypeScript?

VueJS: using dynamic class names within the style attribute

How come this constant can be accessed before it has even been declared?

Steps to apply V-model to elements

Dealing with onChange value in a date in reactjs is a common challenge that developers

How to detect changes in Angular2 forms

Is React Spring failing to trigger animations properly on iOS devices?

Repetitive process in JavaScript

What is the method for extracting the href attribute from an <a class using Python Selenium?

Guide to configuring an Appium-Webdriver.io project for compiling TypeScript files: [ ISSUE @wdio/cli:launcher: No test files detected, program exiting with error ]