javascript - 从 HTML 字符串中获取 JSON 对象

Question

htmlStr = "<option value='1'>Hello</option><option value='2'>Goodbye</option>

如何将上面的html字符串变成:

list_Array = [{value: "1", text: "Hello"},{value: "2", text: "Goodbye"}]

Answer 1

创建 <select>要插入 html 的元素，然后迭代该元素的 options集合并映射到新数组

const htmlStr = "<option value='1'>Hello</option><option value='2'>Goodbye</option>";

const sel = document.createElement('select');
sel.innerHTML = htmlStr;

const list_Array = Array.from(sel.options).map(function(opt){
  return {value: opt.value, text: opt.text};
})

console.log(list_Array)