:)

var obj = {name: "tom", address: "usa", sex: "male"};
var result;
with(obj)
    result = `<li>${name}<li><li>${address}<li><li>${sex}<li>`

or

var obj = {name: "tom", address: "usa", sex: "male"};
var template = "<li>${name}<li><li>${address}<li><li>${sex}<li>";
var result = template.replace(/\${(\w+)}/g, function($0, $1) {
    return obj[$1];
});

Use the template literal when you access the object

I also had to fix your HTML to close the LIs

const arr = [
{ name: "tom", address: "usa", sex: "male" },
{ name: "lisa",address: "usa", sex: "female"}
];

document.getElementById('ul').innerHTML = arr
  .map(({ name, address, sex}) => `<li>${name}</li><li>${address}</li><li>${sex}</li>`)
  .join("")

<ul id="ul"></ul>

Just add obj. in the template and it should work.

var obj = {name: "tom", address: "usa", sex: "male"};
var template = `<li>${obj.name}<li><li>${obj.address}<li><li>${obj.sex}<li>`;
console.log(template);
// <li>tom<li><li>usa<li><li>male<li>

or you can destructure the object like so:

var obj = {name: "tom", address: "usa", sex: "male"};

// destructure
const { name, address, sex } = obj;

var template = `<li>${name}<li><li>${address}<li><li>${sex}<li>`;
console.log(template);
// <li>tom<li><li>usa<li><li>male<li>