Deleting a string by utilizing the Ternary operator in JavaScript

Question

Deleting a string by utilizing the Ternary operator in JavaScript

How do I remove the [object Object] from my output shown in the console?

I'm looking to print the output without the [Object Object]. Is it possible to achieve this using a ternary operation?

data:[object Object]
  text:Data is supplied by Government
  link:https://en.wikipedia.org/

This is the code snippet:

const GetData = (obj, step) => {

    let padSpace = ""

    for (let j=0; j < step; j++) {
      padSpace += ''
    }

    for (let k in obj) {
      console.log(padSpace + k + ':' + obj[k])
      if (typeof(obj[k]) === "object") {
        if (Array.isArray(obj[k])) {
          obj[k].forEach(element => {
              if (typeof(element === "object")) {
                GetData(element, step + 1);
              } else {
                console.log(padSpace + element)
              }
            }
          );
        } else {
          GetData(obj[k], step + 1);
        }
      } else {}
    }

I would like the output to be:

javascript json object conditional-operator

Answer 1

Answer №1

This specific test will always result in a pass because when checking the typeof true and false, both return "boolean" which is considered truthy.

if (typeof(element === "object")) {

Experiment with:

if (typeof element === "object") {

The reference to a ternary operation seems unrelated and unnecessary here.

To prevent displaying [object Object] , you can reposition the current console.log statement and introduce an additional one like this:

for (let prop in entity) {  
  if (typeof entity[prop] === "object") {
    console.log(padString + prop + ':');
    if (Array.isArray(entity[prop])) {
      entity[prop].forEach(element => {
        if (typeof element === "object") {
          formatData(element, level + 1);
        } else {
          console.log(padString + element)
        }
      });
    } else {
      formatData(entity[prop], level + 1);
    }
  } else {
    console.log(padString + prop + ':' + entity[prop])
  }
}

Answer 2

This specific test will always result in a pass because when checking the typeof true and false, both return "boolean" which is considered truthy.

if (typeof(element === "object")) {

Experiment with:

if (typeof element === "object") {

The reference to a ternary operation seems unrelated and unnecessary here.

To prevent displaying [object Object] , you can reposition the current console.log statement and introduce an additional one like this:

for (let prop in entity) {  
  if (typeof entity[prop] === "object") {
    console.log(padString + prop + ':');
    if (Array.isArray(entity[prop])) {
      entity[prop].forEach(element => {
        if (typeof element === "object") {
          formatData(element, level + 1);
        } else {
          console.log(padString + element)
        }
      });
    } else {
      formatData(entity[prop], level + 1);
    }
  } else {
    console.log(padString + prop + ':' + entity[prop])
  }
}

Answer 3

Answer №2

I may not be a pro, but I'll do my best to assist you here.

It looks like this information is being pulled from an external API, correct? It appears to me that the issue lies in how the data is being returned from the server. Have you considered using JSON.stringify to convert the object into a string?

It would be helpful to have insight into the type of data being transmitted from the server for better manipulation.

I hope this guidance proves beneficial to you...

Cheers

Answer 4

I may not be a pro, but I'll do my best to assist you here.

It looks like this information is being pulled from an external API, correct? It appears to me that the issue lies in how the data is being returned from the server. Have you considered using JSON.stringify to convert the object into a string?

It would be helpful to have insight into the type of data being transmitted from the server for better manipulation.

I hope this guidance proves beneficial to you...

Cheers

Deleting a string by utilizing the Ternary operator in JavaScript

Answer №1

Answer №2

Similar questions

Looking for assistance with JQuery and JavaScript?

Utilizing custom filters to navigate through nested ng-repeats

learn to extract json information from a php web service using nsserialization

Add an event to your Fullcalendar with a date that is not the same as the present date in your MySQL database

How to Trigger a Django View Using Ajax

AngularJS UI-Router: Utilizing Optional Parameters

Positioning oversized images in a React Native application

Transferring image data to a different webpage

Using inertia-links within the storybook framework

Tips for saving information from a textarea into an HTML file

Combining switch statements from various classes

Using regular expressions to validate input in Javascript

javascript with a focus on objects

Issue with Jquery Slider Showing Empty Slide

Send the information to MongoDB in the form of an object, utilize it as a query, and then perform

Style the code presented within a div tag

Ways to incorporate a dynamic HTML form that allows for input elements to be added both horizontally and vertically while maintaining connected lines

Extracting numbers using regular expressions can be tricky especially when dealing with mixed

Adding a custom class to the body element for specific routes in Next.js can be achieved by utilizing the features of

Error: null does not have the property 'renderView' to be read