JavaScript30/04-ArrayCardioDay-1/index.html at master · komecodes/JavaScript30 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Array Cardio 💪</title>
  </head>
  <body>
    <p><em>Psst: have a look at the JavaScript Console</em> 💁</p>
    <script>
      // Get your shorts on - this is an array workout!
      // ## Array Cardio Day 1

      // Some data we can work with

      const inventors = [
        { first: "Albert", last: "Einstein", year: 1879, passed: 1955 },
        { first: "Isaac", last: "Newton", year: 1643, passed: 1727 },
        { first: "Galileo", last: "Galilei", year: 1564, passed: 1642 },
        { first: "Marie", last: "Curie", year: 1867, passed: 1934 },
        { first: "Johannes", last: "Kepler", year: 1571, passed: 1630 },
        { first: "Nicolaus", last: "Copernicus", year: 1473, passed: 1543 },
        { first: "Max", last: "Planck", year: 1858, passed: 1947 },
        { first: "Katherine", last: "Blodgett", year: 1898, passed: 1979 },
        { first: "Ada", last: "Lovelace", year: 1815, passed: 1852 },
        { first: "Sarah E.", last: "Goode", year: 1855, passed: 1905 },
        { first: "Lise", last: "Meitner", year: 1878, passed: 1968 },
        { first: "Hanna", last: "Hammarström", year: 1829, passed: 1909 },
      ];

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

      // Array.prototype.filter()
      // 1. Filter the list of inventors for those who were born in the 1500's
      const inventorsBornIn1500 = inventors.filter(
        (inventor) => inventor.year >= 1500 && inventor.year < 1600
      );
      console.table(inventorsBornIn1500);

      // Array.prototype.map()
      // 2. Give us an array of the inventors first and last names

      const inventorsNames = inventors.map(
        (inventor) => `${inventor.first} ${inventor.last}`
      );
      console.table(inventorsNames);

      // Array.prototype.sort()
      // 3. Sort the inventors by birthdate, oldest to youngest

      const inventorsAccordingToOldest = inventors.sort((a, b) =>
        a.year > b.year ? 1 : -1
      );
      console.table(inventorsAccordingToOldest);

      // Array.prototype.reduce()
      // 4. How many years did all the inventors live all together?

      const totalNumberOfYearsLived = inventors.reduce(
        (lastTotal, inventor) => lastTotal + (inventor.passed - inventor.year),
        0
      ); //0 because total is undefined in the first iteration
      console.log(
        `The total number of years all the inventors lived is: ${totalNumberOfYearsLived}`
      );

      // 5. Sort the inventors by years lived

      const inventorsAccordingToNumberOfYearsLived = inventors.sort((a, b) =>
        a.passed - a.year < b.passed - b.year ? 1 : -1
      ); //a and b stands for the inventors that are currently being compared
      console.table(inventorsAccordingToNumberOfYearsLived);

      // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name

      // Vist this link - https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris

      //THEN copy the code below (line 121 - 124) to your console

      /*const boulevardsInParis = Array.from(document.querySelectorAll("mw-category a"));
        const boulevardsWithDe = boulevardsInParis.map((boulevard) => boulevard.textContent)
       .filter((boulevard) => boulevard.includes("de"));
        console.table(boulevardsWithDe);*/

      // 7. sort Exercise
      // Sort the people alphabetically by last name

      const peopleAlphaAccordinToLastName = people.sort((personOne, personTwo)=>{
        const [personOneLastName, personOneFirstName] = personOne.split(", ");
        const [personTwoLastName, personTwoFirstName] = personTwo.split(", ");
        return personOneLastName > personTwoLastName ? 1 : -1;
      });

      console.table(peopleAlphaAccordinToLastName);

      // 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",
      ];

      const transportChannels = data.reduce((object, dataItem)=>{
        if (!object[dataItem]) {
          object[dataItem] = 0;
        }
        object[dataItem]++;
        return object;
      },{});
      console.table(transportChannels);


    </script>
  </body>
</html>