Как заменить текст внутри объекта js?

Question

Вот моя попытка:

  locationVar = {"xpath":".//*[text()=\"" + uniqueMenuItems[b] + "\"]//following::*[@class=\"productControllers custom-product-ctrls\"][1]/div/div/select"};
  optionLocator = locationVar.replace("select", "select/option");

Но это выдает ошибку locationVar.replace не является функцией.

Как мне сказать js сделать замену текста внутри объекта? .toString (). replace works, чтобы заменить ее на строку, а затем заменить ее, однако мне нужно, чтобы объект оставался объектом js после замены.

Есть ли метод .replace (), который работает с объектами?

Answer 1

Как сказано в комментариях: используйте replace для свойства объекта, а не для самого объекта.

var uniqueMenuItems = {a: 'foo', b: 'bar'};

var locationVar = {
    xpath: `.//*[text()="${uniqueMenuItems.b}"]//following::*[@class="productControllers custom-product-ctrls"][1]/div/div/select`
};
var optionLocator = {
    xpath: locationVar.xpath.replace("select", "select/option")
};

console.log(optionLocator.xpath); // logs: .//*[text()="bar"]//following::*[@class="productControllers custom-product-ctrls"][1]/div/div/select/option