Replace array data special character getting from JSON by Javascript

Question

In my application i need to get some data from JSON and convert it to an array for further use.

And I have my codes to get and convert the data:

var Persons = data.Persons;
var PersonsArr = [];

for (var i=0; i < Persons.length; i++){
    PersonsArr.push(Persons[i].word);
    }

This is quite simple, i just call the api and use a single for loop to get everything. The out come is like

PersonsArr=["peter","mary","tom"];

Then i append it to an element but it has "," to split each of the data and i'd like to remove it.

So i tried to use .replace()

for (var i=0; i < Persons.length; i++){
    PersonsArr.push(Persons[i].word.replace(",", " "));
                }

But it's not working as my exceptation, am i using the wrong apporch?

There are no commas. This is just JavaScript printing the array in a form you can read. But there are no commas internally in the array, so you are doing just fine — Ibu
– Ibu, Commented Mar 30, 2016 at 3:16

guest271314 · Accepted Answer · 2016-03-30 03:45:30Z

Then i append it to an element but it has ","

When an array is appended as .innerHTML or .textContent to an html element the array is converted to a string, for example, compare results of PersonsArr.toString() .

Use Array.prototype.join()

Syntax
str = arr.join([separator = ','])

Parameters

separator
Optional. Specifies a string to separate each element of the array. The separator is converted to a string if necessary. If omitted, the array elements are separated with a comma. If separator is an empty string, all elements are joined without any characters in between them.

with " " space character as parameter when appending PersonArr to element as html

PersonArr.join(" ")

var PersonsArr = ["peter", "mary", "tom"];
var div = document.querySelector("div");
var text = document.createElement("text");
text.textContent = PersonsArr.join(" ");
div.appendChild(text);

<div></div>

gavgrif · Accepted Answer · 2016-03-30 03:13:33Z

0

don't know about the rest of it, but this could cause the error (the g stands for a global change throughout the string)

.replace(",", " "))

should be

.replace(/,/g, " "))

answered Mar 30, 2016 at 3:13

gavgrif

15.5k2 gold badges30 silver badges31 bronze badges

Comments

Manoj · Accepted Answer · 2016-03-30 03:15:51Z

0

Well, if you're trying to remove ',' from PersonsArr=["peter","mary","tom"]; you can't. Because that's an array and thats how it stores the value. And its not added by the data you get from the api. So if you try to access personArr[0] it'll return peter and there'll be no ','. If this is not what you're trying to do please let me know.

answered Mar 30, 2016 at 3:15

Manoj

5077 silver badges13 bronze badges

2 Comments

Anson Aştepta Over a year ago

should i use .slice()

Manoj Over a year ago

There is no ',' there actually. But still if you don't want to see it then don't put it inside an array. `var personArr = ""; for (var i=0; i < Persons.length; i++){ PersonsArr+=Persons[i].word; } In this case there'll be no ',' or' " '

Collectives™ on Stack Overflow

Replace array data special character getting from JSON by Javascript

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related