Create a variety of URL formats for various object cases

Question

Create a variety of URL formats for various object cases

Can you guide me on how to verify and create a URL under different circumstances?

I am dealing with 3 cases that involve different types of objects:

"repositories": {
  "toto": {
    "tata": "https://google.com/",
    "titi": "images"  
 }
},

The second case is as follows:

"repositories": {
"toto": {
  "tata": "https://google.com/",
  "titi": ""  // empty string
 }
},

And the third case like this:

"repositories": {
"toto": {
  "tata": "https://google.com/",
   // no "titi" key
 }
},

I need assistance in generating a URL while considering these 3 distinct scenarios.

I'm unsure how to handle the 2nd and 3rd cases within the same script.

In my current script, I have:

else if (type === "toto") {
        const totoURi = repositories.toto.tata;
        const titi = repositories.toto.titi; 
        // Struggling to incorporate the logic for the 2nd and 3rd cases

        const url =
            totoURi +
            titi +
            "." +
            type;
       // Example for first case: https://google.com/images.toto
       // Expected for 2nd case: https://google.com.toto
       // Expected for 3rd case: https://google.com.toto
}

Thank you for any guidance or help provided.

javascript typescript

Answer 1

Answer №1

Here is an example demonstrating the usage of the Nullish coalescing operator

const createUrl = repo => {
  const url = new URL(repo.toto.tata);
  url.pathname = repo.toto.titi ?? "";
  return url;
}

const repositories1 = { "toto": { "tata": "https://google.com/", "titi":  "images" } }
const repositories2 =  {"toto": {"tata": "https://google.com/", "titi": "" }}
const repositories3 =  { "toto": { "tata": "https://google.com/" } }

console.log(createUrl(repositories1))
console.log(createUrl(repositories2))
console.log(createUrl(repositories3))

For compatibility with older browsers

const makeUrl = rep => {
  const url = new URL(rep.toto.tata);
  url.pathname = rep.toto.titi ? rep.toto.titi : "";
  return url;
}

const repositories1 = { "toto": { "tata": "https://google.com/", "titi":  "images" } }
const repositories2 =  {"toto": {"tata": "https://google.com/", "titi": ""}}
const repositories3 =  { "toto": { "tata": "https://google.com/" }}

console.log(makeUrl(repositories1))
console.log(makeUrl(repositories2))
console.log(makeUrl(repositories3))

Answer 2

Here is an example demonstrating the usage of the Nullish coalescing operator

const createUrl = repo => {
  const url = new URL(repo.toto.tata);
  url.pathname = repo.toto.titi ?? "";
  return url;
}

const repositories1 = { "toto": { "tata": "https://google.com/", "titi":  "images" } }
const repositories2 =  {"toto": {"tata": "https://google.com/", "titi": "" }}
const repositories3 =  { "toto": { "tata": "https://google.com/" } }

console.log(createUrl(repositories1))
console.log(createUrl(repositories2))
console.log(createUrl(repositories3))

For compatibility with older browsers

const makeUrl = rep => {
  const url = new URL(rep.toto.tata);
  url.pathname = rep.toto.titi ? rep.toto.titi : "";
  return url;
}

const repositories1 = { "toto": { "tata": "https://google.com/", "titi":  "images" } }
const repositories2 =  {"toto": {"tata": "https://google.com/", "titi": ""}}
const repositories3 =  { "toto": { "tata": "https://google.com/" }}

console.log(makeUrl(repositories1))
console.log(makeUrl(repositories2))
console.log(makeUrl(repositories3))

Answer 3

Answer №2

let data0 = {
    repositories: {
      toto: {
        tata: "https://tata/",
        titi: "titi"
      }
    }
  },
  data1 = {
    repositories: {
      toto: {
        tata: "https://tata/",
        titi: ""
      }
    }
  },
  data2 = {
    repositories: {
      toto: {
        tata: "https://tata/"
      }
    }
  };

function generateUrls(data) {
  
  const keys = data.repositories.toto;
  let url = "";
  Object.values(keys).forEach((val) => (url += val));
  return url;
}

console.log(generateUrls(data0));
console.log(generateUrls(data1));
console.log(generateUrls(data2));

Answer 4

let data0 = {
    repositories: {
      toto: {
        tata: "https://tata/",
        titi: "titi"
      }
    }
  },
  data1 = {
    repositories: {
      toto: {
        tata: "https://tata/",
        titi: ""
      }
    }
  },
  data2 = {
    repositories: {
      toto: {
        tata: "https://tata/"
      }
    }
  };

function generateUrls(data) {
  
  const keys = data.repositories.toto;
  let url = "";
  Object.values(keys).forEach((val) => (url += val));
  return url;
}

console.log(generateUrls(data0));
console.log(generateUrls(data1));
console.log(generateUrls(data2));

Answer 5

Answer №3

Make sure to include a nullish check in your code

const obj1 =  {
  "tata": "https://google.com/",
  "titi": "images"
};

const obj2 =  {
  "tata": "https://google.com/",
  "titi": ""
};

const obj3 =  {
  "tata": "https://google.com/",
};

function verifyNotNull(obj) {
  if (obj.titi === null || obj.titi === undefined) return "case 3"
  if (!obj.titi) return "case 2"
  return "case 1"
}

console.log(verifyNotNull(obj1));
console.log(verifyNotNull(obj2));
console.log(verifyNotNull(obj3));

Answer 6

Make sure to include a nullish check in your code

const obj1 =  {
  "tata": "https://google.com/",
  "titi": "images"
};

const obj2 =  {
  "tata": "https://google.com/",
  "titi": ""
};

const obj3 =  {
  "tata": "https://google.com/",
};

function verifyNotNull(obj) {
  if (obj.titi === null || obj.titi === undefined) return "case 3"
  if (!obj.titi) return "case 2"
  return "case 1"
}

console.log(verifyNotNull(obj1));
console.log(verifyNotNull(obj2));
console.log(verifyNotNull(obj3));

Answer 7

Answer №4

By including the .toto mentioned in your question, the following results are obtained:

const example1 = {
  "repositories": {
    "toto": {
      "tata": "https://google.com",
      "titi": "images"
    }
  }
};

const example2 = {
  "repositories": {
    "toto": {
      "tata": "https://google.com",
      "titi": "" // empty string
    }
  }
};

const example3 = {
  "repositories": {
    "toto": {
      "tata": "https://google.com",
      // no titi key provided
    }
  }
};

const generateUrl = caseNum => {
  const url = new URL(caseNum.repositories.toto.tata)
  url.pathname = caseNum.repositories.toto.titi ? caseNum.repositories.toto.titi : "";
  let urlString = url.toString();
  if (urlString.charAt(urlString.length - 1) == '/') {
    urlString = urlString.slice(0, -1);
  }
  return `${urlString}.toto`;
}

console.log(generateUrl(example1));
console.log(generateUrl(example2));
console.log(generateUrl(example3));

Answer 8

By including the .toto mentioned in your question, the following results are obtained:

const example1 = {
  "repositories": {
    "toto": {
      "tata": "https://google.com",
      "titi": "images"
    }
  }
};

const example2 = {
  "repositories": {
    "toto": {
      "tata": "https://google.com",
      "titi": "" // empty string
    }
  }
};

const example3 = {
  "repositories": {
    "toto": {
      "tata": "https://google.com",
      // no titi key provided
    }
  }
};

const generateUrl = caseNum => {
  const url = new URL(caseNum.repositories.toto.tata)
  url.pathname = caseNum.repositories.toto.titi ? caseNum.repositories.toto.titi : "";
  let urlString = url.toString();
  if (urlString.charAt(urlString.length - 1) == '/') {
    urlString = urlString.slice(0, -1);
  }
  return `${urlString}.toto`;
}

console.log(generateUrl(example1));
console.log(generateUrl(example2));
console.log(generateUrl(example3));

Create a variety of URL formats for various object cases

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Working with Angular: Accessing SCSS variables from style.scss using JavaScript inside a component

In TypeScript, if all the keys in an interface are optional, then not reporting an error when an unexpected field is provided

What are the best circumstances for applying JavaScript in ASP.NET?

I must remove the thumb from the input range control

Error Message: Undefined Service in Angular version 1.5.4

Clicking on a radio button can trigger the selection of another radio button

Trouble with innerHTML in a for loop when using getJSON

Why is this tetris piece not appearing fully on the grid when using arrays?

Incorporate image into Vue.js form along with other information

Encountering a JavaScript error due to an erroneous character when trying to parse

Automatically fill in form fields with data from a JSON file as soon as the user enters a value

Javascript is coming back with a message of "Access-Control-Allow-Origin" not being allowed

Is it possible to design a collapsible element that gives a sneak peek of its content before fully expanding?

"Aligning the title of a table at the center using React material

My JavaScript/jQuery code isn't functioning properly - is there a restriction on the number of api calls that can be made on

Harnessing Spread Syntax with Map and Filter Operations

What is the method for retrieving the title element from the Json data?

Having trouble fetching results from AJAX objects using vanilla JavaScript?

NodeJS JSONStream causing memory exhaustion issue

Guide to importing OBJ file into three.js using TypeScript