jQueryを使用せずに複数のselectedIndexesを設定するにはどうすればよいですか？

Question

私はthis questionを見ましたが、他の質問はvalueと jQueryを使用していますので、私の質問は異なります。

---

一例で説明する方が簡単です：

const select = document.getElementById('sel'); 
 
const indexes = new Set([0, 2, 4]); 
 

 
Array.prototype.forEach.call(select.options, (opt, i) => { 
 
    opt.selected = indexes.has(i); 
 
});

<select id="sel" multiple size=5> 
 
    <option>one</option> 
 
    <option>two</option> 
 
    <option>three</option> 
 
    <option selected>four</option> 
 
    <option>five</option> 
 
</select>

これは、選択したオプションone、threeとfiveを設定するための最も効率的な方法ですか？ select.selectedIndexは配列を受け入れるようには見えないので、これが私がそれを行うと考えることができる唯一の方法です。 Setを使用すると、毎回.includesを使用して配列をループするよりも効率的でなければなりません。

Answer 1

インデックス配列をループし、インデックスに一致するoptionsを更新します。

const select = document.getElementById('sel'); 
 
const indexes = [0, 2, 4]; 
 
// Clear the default selected 
 
select.selectedIndex = -1; 
 
// Select those indexes you want 
 
for(var idx of indexes){ 
 
    select[idx].selected = true 
 
}

<select id="sel" multiple size=5> 
 
    <option>one</option> 
 
    <option>two</option> 
 
    <option>three</option> 
 
    <option selected>four</option> 
 
    <option>five</option> 
 
</select>