有没有办法将 ul 中的 li 列表转换为数组？

Question

我正在获取一些数据，结果如下：

> denialReasonContent: {   denialReason: "<ul>n <li>denial reason
> 1</li>n <li>denial reason 2</li>n</ul>" };

我试图把这个充满李的ul元素的数据隐藏到一个看起来像的数组中

var denialReasons = [{denialReason: denial reason 1}, {denialReason: denial reason 2}];

解析这些数据并转换为新数组的最佳方法是什么？

Answer 1

如果您确定获得有效的html字符串作为响应，此代码可以帮助

let denialReasonContent =  { denialReason: `<ul>n <li>denial reason 1</li>n <li>denial reason 2</li>n</ul>` };

let div = document.createElement('div');
div.innerHTML = denialReasonContent.denialReason

let list = div.getElementsByTagName("li")

let data = [];

for(let i=0; i<list.length;i++) {
data.push({denialReason:list[i].innerText})
}
console.log(data)
// [{denialReason: denial reason 1}, {denialReason: denial reason 2}];