-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-START.html
188 lines (176 loc) · 5.81 KB
/
index-START.html
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Array Cardio 💪</title>
<link rel="icon" href="https://fav.farm/🔥" />
</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",
];
//sort inner function
// const ordered = inventors.sort(function(a, b) {
// if(a.year > b.year) {
// return 1;
// } else {
// return -1;
// }
// });
// Array.prototype.filter()
// 1. Filter the list of inventors for those who were born in the 1500's means in between 15 to 16
const fil15 = inventors.filter(
(obj) => obj["year"] >= 1500 && obj["year"] < 1600
);
console.log(fil15);
// Array.prototype.map()
// 2. Give us an array of the inventors first and last names
// const mapFl = inventors.map((obj) => [obj["first"], obj["last"]]);
const mapFl = inventors.map((obj) => `${obj["first"]} ${obj["last"]}`);
console.log(mapFl);
// Array.prototype.sort()
// 3. Sort the inventors by birthdate, oldest to youngest
const sortOy = inventors.sort((x, y) => x.year - y.year); //x>y
console.table(sortOy);
// Array.prototype.reduce()
// // 4. How many years did all the inventors live all together?
const redAll = inventors.reduce((total, inventors) => {
return total + (inventors["passed"] - inventors["year"]); //sum=0=sum+yearslive(50)=>0+50
}, 0);
console.log(redAll);
// 5. Sort the inventors by years lived
const sortlive = inventors.sort(
(x, y) => y["passed"] - y["year"] - (x["passed"] - x["year"]) //big to small desending order return -1:1
);
console.table(sortlive);
// 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
// https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
const contentBox = document.querySelector(".mw-category");
const allLinks = document.querySelectorAll("contentBox > a");
const text = allLinks.map((link) => link.textContent);
const filRes = text.filter((text) => text.includes("de"));
// 7. sort Exercise
// Sort the people alphabetically by last name
const sortppl = people.sort((a, b) => {
// return a.split(" ")[1][0].charCodeAt();
const [alast, afirst] = a.split(", ");
const [blast, bfirst] = b.split(", ");
// console.log(`${alast} ${blast}`);
return alast > blast ? 1 : -1;
});
console.log(sortppl);
// 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",
];
//in arr stored
const sumArr = function (data) {
const arr = [];
let str = "";
data.forEach((e, i) => {
if (!str.includes(e[0])) {
str += e[0];
arr[i] = data.filter((cur) => {
return cur[0] === e[0];
});
} else return;
});
return arr;
};
// in obj stored
const sumObj = function (data) {
const obj = {};
data.forEach((e, i) => {
obj[e[0]] = data.filter((cur) => {
return cur[0] === e[0];
}).length;
});
return obj;
};
console.log(sumArr(data));
console.log(sumObj(data));
//another way using reduce
const res = data.reduce((obj, cur) => {
if (!obj[cur]) {
obj[cur] = 0;
}
obj[cur]++;
return obj;
}, {});
console.log(res);
</script>
</body>
</html>