Replace String using javascript

Question

I have a json in a textarea {"request":{"method":"GET","url":"/thing/1"},"response":{"status":200}}

I have a function currently which gets the value from my textarea and replaces

    function setFontText(text) {
        var str=document.getElementById("urls").value;
        var res = str.replace(/"url":"/g, "&quoturl&quot:&quot" + text + "&quot");
        document.getElementById("urls").innerHTML=res;
    }

I am currently replacing only "url:"/ however I would like to completely replace ( The Italicized section ) "url":"/thing/1" but the part in bold is dynamic here so I do not want to hardcode in my code like str.replace(/"url":"/thing/1"/g

Is there a workaround for this ? If the question isn't clear please revert

You should use value or innerHTML consistently, not use one for getting the value but the other one for setting it. — T.J. Crowder
– T.J. Crowder, Commented Aug 4, 2019 at 17:17
Thanks for the tip TJ, surprisingly the ans from Javas worked for me but if you seem to have a workaround for this I'd be interested to know that too — qatestprofile
– qatestprofile, Commented Aug 4, 2019 at 17:21
An alternative would be parse the json string to object and use object methods on it, then stringify modified result — charlietfl
– charlietfl, Commented Aug 4, 2019 at 17:23
No, just a side note about the properties you're using. I haven't checked it closely, but Javas answer looks roughly correct. (Also note that you're missing the ; on ".) — T.J. Crowder
– T.J. Crowder, Commented Aug 4, 2019 at 17:24
@charlietfl - I wouldn't exactly be sure on how to go about this, Do you mind explaining it please ? through an answer maybe. I haven't thought about this option — qatestprofile
– qatestprofile, Commented Aug 4, 2019 at 17:40

charlietfl · Accepted Answer · 2019-08-04 18:03:13Z

3

Assuming the structure is consistent you can parse the string to object then modify that object and stringify the result

function setFontText(text) {
  const str = document.getElementById("urls").value,
        obj = JSON.parse(str);
  obj.request.url = text;
  document.getElementById("urls").innerHTML = JSON.stringify(obj);
}

setFontText('/MyTest')

<textarea id="urls" cols=60 rows=6>
{"request":{"method":"GET","url":"/thing/1"},"response":{"status":200}}
</textarea>

edited Aug 4, 2019 at 18:03

answered Aug 4, 2019 at 17:46

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Mark Baijens · Accepted Answer · 2019-08-04 17:41:36Z

2

When you parse the json to a javascript object you can easily delete or alter properties. After that just generate a new json from the object again.

var json = '{"request":{"method":"GET","url":"/thing/1"},"response":{"status":200}}';
var jsonResult = JSON.parse(json);
jsonResult.request.url = 'newtext';
var newJson = JSON.stringify(jsonResult);
console.log(newJson);

answered Aug 4, 2019 at 17:41

Mark Baijens

13.3k11 gold badges51 silver badges77 bronze badges

Collectives™ on Stack Overflow

Replace String using javascript

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related