Nie mogę zrozumieć kodu

Question

Witam ! 

Napotkałem się na pewien problem ze zrozumieniem kodu. Mianowicie w zadaniu 7 nie mam zielonego pojęcia o co chodzi z tą zmienną const [aLast, aFirst] = ... . Po co i do czego służy ten nawias kwadratowy i te 2 zmienne aLast i aFirst. Również nie mogę się połapać o co chodzi w zadaniu 8 kiedy if (!obj[item]), znowu nie mam pojecia co oznacza ten nawias kwadratowy [item] oraz po co są te nawiasy klamrowe na samym końcu po przecinku ,{} .

const people = ['Beck, Glenn', 'Becker, Carl', 'Beckett, Samuel', 'Beddoes, Mick', 'Beecher, Henry', 'Beethoven, Ludwig', 'Begin, Menachem', 'Belloc, Hilaire', 'Bellow, Saul', 'Benchley, Robert', 'Benenson, Peter', 'Ben-Gurion, David', 'Benjamin, Walter', 'Benn, Tony', 'Bennington, Chester', 'Benson, Leana', 'Bent, Silas', 'Bentsen, Lloyd', 'Berger, Ric', 'Bergman, Ingmar', 'Berio, Luciano', 'Berle, Milton', 'Berlin, Irving', 'Berne, Eric', 'Bernhard, Sandra', 'Berra, Yogi', 'Berry, Halle', 'Berry, Wendell', 'Bethea, Erin', 'Bevan, Aneurin', 'Bevel, Ken', 'Biden, Joseph', 'Bierce, Ambrose', 'Biko, Steve', 'Billings, Josh', 'Biondo, Frank', 'Birrell, Augustine', 'Black Elk', 'Blair, Robert', 'Blair, Tony', 'Blake, William'];

// 7. sort Exercise
    // Sort the people alphabetically by last name
    const alpha = people.sort((lastOne, nextOne) => {
      const [aLast, aFirst] = lastOne.split(', ');
      const [bLast, bFirst] = nextOne.split(', ');
      return aLast > bLast ? 1 : -1;
    });
    console.log(alpha);

    // 8. Reduce Exercise
    // Sum up the instances of each of these
    const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck', 'pogostick'];

    const transportation = data.reduce(function(obj, item) {
      if (!obj[item]) {
        obj[item] = 0;
      }
      obj[item]++;
      return obj;
    }, {});

    console.log(transportation);

 

Answer 1

7.

const [aLast, aFirst] = lastOne.split(', ');

Ta linia dzieli stringa lastOne po przecinku - w wyniku dostajesz tablicę dwuelementową, której elementy są przypisywane odpowiednio do aLast i aFirst.
(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment )

W wyniku: w środku funkcji porównujesz pierwsze "połowy" dwóch stringów, więc cały sort sortuje po nazwisku.
8.

`{}` to jest zwykły pusty "obiekt". Jest przekazywany do reduce() jako "początkowy" obiekt na którym działamy.
Ogólnie cały ten przykład z reduce() można prościej zapisać tak:

let obj = {};
for (let item of data) {
      if (!obj[item]) {
        obj[item] = 0;
      }
      obj[item]++;
}

Czy taki zapis rozumiesz?

Answer 2

czesc, sam mialem ostatnio zagwozdke wlasnie z reduce to moze Ci to przyblize:

function funkcja_przyjmuje_argumenty(arg1, arg2, arg3){}

masz tam 3 argmenty - wystepujace po PRZECINKU, a zauwaz ze ten reduce ma funkcje, ktora obejmuje w sobie 2 argumenty, a 3 jest dodwany za ta funckja (i jest to initialValue dla accumulatora - u Ciebie pusty obiekt {} - zwanego czesto previousValue - u Ciebie obj, czyli jezeli initialValue istnieje to accumulator przyjmuje jego wartosc przy iteracji) wlasnie po PRZECINKU w wiec jest to 3 argument metody reduce.

 

 

[aLast, aFirst] to jak podal adrian17 desktrukturyzacja czyli w skrocie tutaj wrzucanie itemow do macierzy jedne po drugim. Czyli zalozmy ze masz jakis obiekt {key : val, key2 : val2} to wrzucasz te values za jednym zamache do macierzy i po kolei beda one w niej umieszczane. Poczytaj np tutaj - https://zellwk.com/blog/es6/#destructuring