<div class="ui main container">
<h1>Überschneidung zweier Arrays</h1>
<a class="ui black label">ES 6</a>
<a class="ui black label">Set()</a>
<a class="ui black label">for...it</a>
<a class="ui black label">set.add()</a>
<div class="ui message">
<div class="header">
Set()
</div>
<p>Das Set-Objekt kann verwendet werden, um eindeutige Werte jeden beliebigen Typs zu speichern</p>
</div>
<div class="ui message">
<div class="header">
for ... of
</div>
<p>Mit dem for...of statement kann man durch Objekte iterieren (Array, Map, Set, das arguments Objekt und weitere eingeschlossen).</p>
</div>
<div class="ui message">
<div class="header">
set.add()
</div>
<p> Die add() Methode hängt ein neues Element mit seinem Value an das Ende des Set-Objektes.</p>
</div>
<form class="ui form">
<div class="field">
<label>Array 1 ( z.B. 4 9 2 622 ) </label>
<input type="text" class="yourString1" name="yourString1" placeholder="Array eingeben">
</div>
<div class="field">
<label>Array 2 ( z.B. 4 9 2 622 ) </label>
<input type="text" class="yourString2" name="yourString2" placeholder="Array eingeben">
</div>
<div class="ui labeled button" >
<div class="ui massive green button">
<i class="sync icon"></i>Überschneidung herausfinden
</div>
<a class="ui basic green left pointing label">
</a>
</div>
</form>
</div>
$('.ui.button').click(function(){
var yourString1 = $(".yourString1").val();
var yourString2 = $(".yourString2").val();
console.log(yourString1)
intersect(yourString1, yourString2);
});
// function compute intersection between two arrays
function intersect(myString1, myString2) {
let mySet1 = new Set()
let mySet2= new Set
myArray1 = myString1.split(" ")
myArray2 = myString2.split(" ")
for (let num of myArray1){
mySet1.add(num)
}
for (let num of myArray2){
if (myArray1.includes(num)) {
mySet2.add(num);
}
}
$('.ui.pointing.label').text(Array.from(mySet2));
console.log(Array.from(mySet2));
}