Różnica symetryczna

Mamy dwa zbiory danych:

A = [1, 2, 3, 4, 5, 6, 7]
B = [4, 5, 6, 7, 8, 9]

Różnica symetryczna A i B to zbiór, do którego należą elementy ze zbioru A, które nie należą jednocześnie do zbioru B oraz te elementy, które należą do zbioru B i nie należą do zbioru A.

W podanym przykładzie różnica symetryczna to zbiór:

C = [1, 2, 3, 8, 9]

Przykład

Poniższy przykład pokazuje, jak pobrać różnicę symetryczną z dwóch zbiorów:

const a = [1, 2, 3, 4, 5, 6, 7];
const b = [4, 5, 6, 7, 8, 9];

const c = [
    ...a.filter(item => !b.includes(item)),
    ...b.filter(item => !a.includes(item))
];

console.log(c); // [1, 2, 3, 8, 9]

W sierpniu nie opublikowałem żadnego wpisu.

Przeczytałem 2 książki:

1. Nikt nie odpisuje — Jang Eun-jin
2. Autostopem przez Galaktykę — Douglas Adams

Przesłuchałem 6 audiobooków:

1. Antykruchość Jak żyć w świecie, którego nie rozumiemy — Nassim Nicholas Taleb
2. Zagłada domu Usherów — Edgar Allan Poe
3. Czas starego Boga — Sebastian Barry
4. Wyspa niebieskich lisów — Stephen R. Bown
5. Przeprawa — Jack Ketchum
6. Chołod — Szczepan Twardoch

W lipcu opublikowałem 2 wpisy:

Webstorm:

1. Jak dodać wiele karetek w kodzie?

JavaScript:

1. Jak dodać element do DOM względem innego elementu?

Przeczytałem 2 książki:

1. Ogień i krew część 2 — George R.R. Martin
2. Manazuru — Hiromi Kawakami

Przesłuchałem 6 audiobooków:

1. Make Your Bed — William H. McRaven
2. Stroiciel fortepianów — Chiang-Sheng Kuo
3. Ziemiomorze. Tehanu — Ursula K. Le Guin
4. Moja kuzynka Rachela — Daphne Du Maurier
5. Pieśń Lodu i Ognia. Nawałnica mieczy. Stal i śnieg — George R.R. Martin
6. Paradyzja — Janusz A. Zajdel

Dodawanie elementu obok innego

Metoda insertAdjacentElement pozwala na dodanie elementu względem już istniejącego w drzewie DOM. Za pomocą niej możesz dodać nowy element "przed" lub "za" już istniejącym.

Wywodzi się ona z interfejsu: Element. Żeby ją wywołać, musisz posiadać referencję do już istniejącego elementu w DOM.

Przykład:

HTML:

<div id="content">Some content</div>

Załóżmy, że chcesz dodać nowy element "za" elementem o id: content.

JavaScript:

const contentEl = document.getElementById('content');
const newElement = document.createElement('div');
newElement.innerText = 'New element';

content.insertAdjacentElement('afterend', newElement);

Wynik:

HTML:

<div id="content">Some content</div>
<div>New element</div>

Metoda insertAdjacentElement przyjmuje dwa parametry.

Pierwszy parametr to pozycja, w której ma zostać umieszczony element obok istniejącego. Przyjmuje następujące wartości:

1. beforebegin — Doda nowy element "przed"
2. afterbegin — Doda nowy element w środku "przed" pierwszym elementem dzieckiem
3. beforeend — Doda nowy element w środku "za" ostatnim elementem dzieckiem
4. afterend — Doda nowy element "za"

Najlepiej to zilustruje następujący przykład:

<!-- beforebegin -->
<div>
  <!-- afterbegin -->
  Some content
  <!-- beforeend -->
</div>
<!-- afterend -->

Drugi parametr to element, który ma zostać dodany.

Sposób 1: Klawiatura + mysz

Wciśnij przycisk Alt i następnie zlokalizuj miejsce, w którym chcesz umieścić dodatkową karetkę. Wciśnij lewy przycisk myszy.

Sposób 2: Klawiatura

Możesz umieścić dodatkowe karetki poniżej lub powyżej aktualnej lokalizacji korzystając tylko z klawiatury.

Wciśnij dwa razy przycisk Ctrl (za drugim kliknięciem nie zwalniaj klawisza), używając strzałek góra/dół na klawiaturze możesz dodawać nowe karetki.