JS两集合做差

今天看到的关于这个问题很简单的写法。

问题是这样的：

从这里面把前端三件套以外的元素剔除。

<ul id="test-list">
    <li>JavaScript</li>
    <li>Swift</li>
    <li>HTML</li>
    <li>ANSI C</li>
    <li>CSS</li>
    <li>DirectX</li>
</ul>

let correct=['JavaScript', 'HTML', 'CSS'];
let node = document.getElementById("test-list");
for(let i=0;i<node.children.length;i++){
    if(correct.indexOf(node.children[i].innerText)<0)
        node.removeChild(node.children[i--]);
}

巧妙地运用了查找集合中元素下标不存在返回为-1，减少了代码量。