Delete the final comma in a JSON file using JavaScript so that it can be utilized by a Vue application

Question

Delete the final comma in a JSON file using JavaScript so that it can be utilized by a Vue application

Using Axios in my Vue app, I am consuming a JSON file. The field "country" contains trailing commas which are creating issues.

Here is the structure of the JSON:

 "country": "spain,france,"  
        ....
    "country": "spain,belgium,"
    ...

In my JavaScript code, I successfully replaced 'france' with 'XXXXXX', as shown below:

const arr = this.countries;
            const newArr = arr.map((countries) => {
             if (countries === "france") {
               return "XXXXXX";
             }
          //   return countries;
             });
           console.log("commas " + newArr);

I have tried different approaches to remove the trailing commas without success. Can someone offer assistance on how to achieve this?

javascript vue.js vuejs2

Answer 1

Answer №1

Upon reaching this juncture, where the XML provides the "country" value stored in a variable like countryString, you can implement the following steps:

let countryString = "germany,italy,";

let countries = countryString.split(",").filter(item => item).map((item) => {
    if (item === "italy") { return "YYYYYY"; }
    return item;
});
console.log(countries);

Answer 2

Upon reaching this juncture, where the XML provides the "country" value stored in a variable like countryString, you can implement the following steps:

let countryString = "germany,italy,";

let countries = countryString.split(",").filter(item => item).map((item) => {
    if (item === "italy") { return "YYYYYY"; }
    return item;
});
console.log(countries);

Answer 3

Answer №2

If you want to eliminate the last character from a string in JavaScript, you can use the slice method like this:

let countryString = "belgium,france,";
countryString = countryString.slice(0, -1); 
console.log(countryString)

Answer 4

If you want to eliminate the last character from a string in JavaScript, you can use the slice method like this:

let countryString = "belgium,france,";
countryString = countryString.slice(0, -1); 
console.log(countryString)

Delete the final comma in a JSON file using JavaScript so that it can be utilized by a Vue application

Answer №1

Answer №2

Similar questions

What sets apart Object.assign {} from Object.assign []?

Determine the height of an element in JavaScript or jQuery by using the CSS property height: 0;

Next.js: Generating static sites only at runtime due to getStaticProps having no data during the build phase, skipping build time generation

Ways to incorporate a smooth transition between the opened and closed fab functionality

Exploring the dynamic duo of Django and DataTables: a guide on incorporating

JavaScript Issue Causing Jquery Carousel Dysfunction

Personalized typeface for stencil.js element

I am currently facing an issue with validating forms in JavaScript Document Object Model (DOM)

React is struggling to locate the specified module

Issue: Reactjs - Material-UI HTML Tooltip does not display dynamic HTML content.In the Reactjs

Eslint for Typescript in Vue is throwing an error with a message "Unexpected token, expecting ','. Make sure to

Do you need assistance with downloading files and disconnecting from clients?

What is the best way to calculate the total number of results using ajax?

Generate an HTML document from a website page

Can content be dynamically loaded through ajax in Simile Timeline instead of being loaded upfront?

[Vue warning]: The custom element <tab-bar-item> is not recognized - have you properly registered the component? When dealing with recursive components,

After the introduction of ReactiveFormsModule, the functionality of the Angular router has ceased

Display a collection of Mongoose objects in a React component

Upgrade your input button style using jQuery to swap background images

Displaying components in Vue 2 using data from an ajax call