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

Capture the selected hyperlink and show the corresponding page title in a designated box for reference

JavaScript - Transforming Name:ItemName/Value:ItemValue Pairs into Standard ItemName:ItemValue JSON Format

Nuxt Js - Ensuring script is only loaded once during the initial page load

Automated Star/Stop feature with a convenient Save button (the Start/Stop format will display as mm/dd/yyyy hh:mm:ss)

Unexpected behavior from Internet Explorer - Span contents remain unchanged despite valid input

Tips for shifting a fabricjs element generated within a nextjs useState hook?

Steps for inserting an additional header in an Angular table

Problem with sidebar animation: Functioning properly when open, but closes abruptly without animation in React using Tailwind CSS

Why does Jquery refuse to accept hyphens in the JSP page?

Vue.js fails to update view after file status changes

AngularJS - Interactive web pages powered by controller scripts

Utilizing an SSL certification (pem file) within JavaScript

The issue of JQuery and document ready being triggered multiple times while loading data into a control

Issue encountered with asynchronous execution while utilizing AWS Cognito registration process

What is the process for specifying the Charts within the script?

Enforce the splicing of the ng-repeat array with the utilization of track by

What is the best way to streamline JSON file data by selectively extracting necessary information?

Should Angular libraries be developed using Typescript or transpiled into JavaScript?

Using JavaScript to implement form authorization in ASP.NET Web API

The Vue.js application is failing to toggle the integrated code