I'm looking for a way to modify the Turkish characters and spaces in the names of JSON data objects. I plan to do this using WebApi

Question

I'm looking for a way to modify the Turkish characters and spaces in the names of JSON data objects. I plan to do this using WebApi

I am facing an issue with fetching data through an API. The JSON data format contains Turkish characters and spaces, causing problems when trying to display the data in a datatable. I have attempted to use the replace and parse functions, but so far, I have been unsuccessful.

Original JSON format:

 {
        "Kod Adı": "USD",
        "Alış Kür": "12.4448"
    },
    {
        "Kod Adı": "AUD",
        "Alış Kür": "8.8412"
    },
    {
        "Kod Adı": "DKK",
        "Alış Kür": "1.8851"
    },
    {
        "Kod Adı": "EUR",
        "Alış Kür": "14.0385"
    },
    {
        "Kod Adı": "GBP",
        "Alış Kür": "16.5046"
    },

Desired JSON format:

 {
        "KodAdi": "USD",
        "AlisKur": "12.4448"
    },
    {
        "KodAdi": "AUD",
        "AlisKur": "8.8412"
    },
    {
        "KodAdi": "DKK",
        "AlisKur": "1.8851"
    },
    {
        "KodAdi": "EUR",
        "AlisKur": "14.0385"
    },
    {
        "KodAdi": "GBP",
        "AlisKur": "16.5046"
    },

In addition to this, I am encountering a CORS policy error.

The request from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I have tried various methods suggested in this article, but none have yielded positive results.

shared.service.ts

getAnalizor() : Observable<any[]>{
  return this.http.get<any>('http://15.12.1.05/analizorJSON.php')
}

arrays json angular typescript replace

Answer 1

Answer №1

To utilize the function below, simply provide it with a list of field names -

function convertSpecialCharacters(text) {
  return text
    .replace(/\ğ/g, "g")
    .replace(/\ü/g, "u")
    .replace(/\ş/g, "s")
    .replace(/\ı/g, "i")
    .replace(/\ö/g, "o")
    .replace(/\ç/g, "c");
}

Answer 2

To utilize the function below, simply provide it with a list of field names -

function convertSpecialCharacters(text) {
  return text
    .replace(/\ğ/g, "g")
    .replace(/\ü/g, "u")
    .replace(/\ş/g, "s")
    .replace(/\ı/g, "i")
    .replace(/\ö/g, "o")
    .replace(/\ç/g, "c");
}

Answer 3

Answer №2

If you want to remove accented characters, you can utilize the String.prototype.normalize() method.

const str = "Alış Kür"
str.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
> "Alıs Kur"

For more information on Unicode Normalization Forms like NFD and NFC, refer to Unicode Normalization Forms.

The normalize() function using NFD breaks down accented characters into separate simple components. For instance, ü is transformed into u + ̈.

We then use a regex replace operation to eliminate characters in the U+0300 → U+036F range, which encompasses all Diacritical Marks.

In order to account for the character "ı", you may need to perform an additional regex replacement like replace(/\ı/g, "i")

Therefore, the final code would look like:

const str = "Alış Kür"
str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\ı/g, "i").replace(" ", "")
> "AlisKur"

Answer 4

If you want to remove accented characters, you can utilize the String.prototype.normalize() method.

const str = "Alış Kür"
str.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
> "Alıs Kur"

For more information on Unicode Normalization Forms like NFD and NFC, refer to Unicode Normalization Forms.

The normalize() function using NFD breaks down accented characters into separate simple components. For instance, ü is transformed into u + ̈.

We then use a regex replace operation to eliminate characters in the U+0300 → U+036F range, which encompasses all Diacritical Marks.

In order to account for the character "ı", you may need to perform an additional regex replacement like replace(/\ı/g, "i")

Therefore, the final code would look like:

const str = "Alış Kür"
str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\ı/g, "i").replace(" ", "")
> "AlisKur"

I'm looking for a way to modify the Turkish characters and spaces in the names of JSON data objects. I plan to do this using WebApi

Answer №1

Answer №2

Similar questions

Arrange the array in ascending order according to the months' values

Tips for connecting to a docker container containing an Angular application while the Angular app is also running in its own container

After each save, gulp-typescript is emitting errors, however, it works without any issues upon subsequent saves

What is the best way to represent JSON data within another object?

Demonstrate complete attendance by detailing specific days of presence and days of absence within a specified date range

Is there a way for me to display information from a secondary child component by simply clicking a button on the main component instance?

What is preventing me from setting a background image in Angular 13?

When I delete the initial element from the array, the thumbnail image disappears

What is the best way to conceal the parent ul when at the li level?

Set the enumeration value to a variable

Receiving null value with Web API POST using [FromBody]

Using event.target to pass HTML form data to FormData is causing an error stating that the Argument of type 'EventTarget' cannot be assigned to a parameter of type 'HTMLFormElement'

Explore ways to incorporate special symbols in a jQuery array

retrieving JSON data using ajax and processing it in PHP

Changing a particular value within a JSON field in MongoDB using Mongoose on a Linux system

Using unserialized elements in the View

Having trouble with your Typescript *.ts files?

How can I rename an event function in Angular 2?

Can TypeScript be set up to include undefined as a potential type in optional chains?

Is it possible to assign a variable to an Ionic datetime input property?