Как сравнить два списка javascript?

12 ноября 2019, 01:20

Как сравнить два списка? И вывести отсутствующий элемент?

const ids = [...document.querySelectorAll('#list div')].map(div => div.attributes.uid.value); 
    const ids2 = [...document.querySelectorAll('#list2 div')].map(div => div.attributes.uid.value); 
    var list = ids; 
    var list2 = ids2; 
    document.write(list,"<br>",list2)

<div id="list"> 
 
    <div id="1" uid="111"></div> 
    <div id="3" uid="113"></div> 
    <div id="4" uid="114"></div> 
    <div id="5" uid="115"></div> 
    <div id="6" uid="116"></div> 
</div> 
 
<div id="list2" > 
 
    <div id="getList" uid="112"></div> 
    <div id="getList" uid="115"></div> 
</div>

Answer 1

const ids = [...document.querySelectorAll('#list div')].map(div => div.attributes.uid.value); 
    const ids2 = [...document.querySelectorAll('#list2 div')].map(div => div.attributes.uid.value); 
    var arr = ids2.filter(e => !~ids.indexOf(e)); 
    document.write(arr)

<div id="list"> 
 
    <div id="1" uid="111"></div> 
    <div id="3" uid="113"></div> 
    <div id="4" uid="114"></div> 
    <div id="5" uid="115"></div> 
    <div id="6" uid="116"></div> 
</div> 
 
<div id="list2" > 
 
    <div id="getList" uid="112"></div> 
    <div id="getList" uid="115"></div> 
</div>