Javascript output json string how to do .replace

Question

I have this script in javascript.

    socket.onmessage = function (event) {
        var theDiv = document.getElementById("cli");
        var JSONObject = JSON.parse(event.data);
        if(JSONObject.event === "console output") {
            theDiv.innerHTML += "<div>" + JSONObject['args'] + "</div>";
            
        }
    };

the outcome of JSONObject['args'] is this:

>[2K [16:10:47] [Server thread/INFO]: [Server] test

The string is this

{"event":"console output","args":["\u003e\u001b[2K\r[16:10:47] [Server thread/INFO]: [Server] test"]}

How can i remove this from the string \u003e\u001b[2K\r?

i tried this but it doesn't work

socket.onmessage = function (event) {
        var theDiv = document.getElementById("cli");
        var JSONObject = JSON.parse(event.data.replaceAll("\u003e\u001b[2K\r", ""));
        if(JSONObject.event === "console output") {
            theDiv.innerHTML += "<div>" + JSONObject['args'] + "</div>";

        }
    };

How can I make it work? like this

{"event":"console output","args":["[16:10:47] [Server thread/INFO]: [Server] test"]}

Can you fix the API? Those codes are to show colors on a terminal, there's no reason to send that in an API. — Barmar
– Barmar, Commented Apr 14, 2021 at 18:46
No i can not fix it in the API.. but is it not possible to delete it in string? — Tom Lammers
– Tom Lammers, Commented Apr 14, 2021 at 18:48

Barmar · Accepted Answer · 2021-04-14 18:55:33Z

1

Do the replacement after parsing the JSON.

You need to use map() because JSONObject.args is an array.

theDiv.innerHTML += "<div>" + JSONObject.args.map(arg => arg.replaceAll( "\u003e\u001b[2K\r", "")) + "</div>";

Otherwise you need to escape all the backslashes, so they'll be treated literally.

var JSONObject = JSON.parse(event.data.replaceAll("\\u003e\\u001b[2K\\r", ""));

But it's generally a bad idea to manipulate the JSON string directly, as you may invalidate the JSON. It's usually best to parse the JSON and then deal with the resulting object/array.

edited Apr 14, 2021 at 18:55

answered Apr 14, 2021 at 18:48

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tom Lammers Over a year ago

No that is not working ik ge tthis error console:53 Uncaught TypeError: JSONObject.args.replaceAll is not a function at WebSocket.socket.onmessage

Barmar Over a year ago

It's an array, so you need to map over the elements.

Tom Lammers Over a year ago

tnx! this is working var JSONObject = JSON.parse(event.data.replaceAll("\\u003e\\u001b[2K\\r", ""));

riky1 · Accepted Answer · 2021-04-14 19:23:05Z

0

You can try to convert toString() and then remove the value

JSONObject['args'].toString().replace('\u003e\u001b[2K\r', '')

answered Apr 14, 2021 at 19:23

riky1

987 bronze badges

Collectives™ on Stack Overflow

Javascript output json string how to do .replace

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related