12 -optional chaining

john-smilga · Apr 25, 2021 · df45f88 · df45f88
1 parent 2312a0f
commit df45f88
Show file tree

Hide file tree

Showing 25 changed files with 38 additions and 0 deletions.
diff --git a/1-map/app.js → 01-map/app.js b/1-map/app.js → 01-map/app.js
diff --git a/1-map/index.html → 01-map/index.html b/1-map/index.html → 01-map/index.html
diff --git a/2-unique-values/app.js → 02-unique-values/app.js b/2-unique-values/app.js → 02-unique-values/app.js
diff --git a/2-unique-values/index.html → 02-unique-values/index.html b/2-unique-values/index.html → 02-unique-values/index.html
diff --git a/3-dynamic-object-keys/app.js → 03-dynamic-object-keys/app.js b/3-dynamic-object-keys/app.js → 03-dynamic-object-keys/app.js
diff --git a/3-dynamic-object-keys/index.html → 03-dynamic-object-keys/index.html b/3-dynamic-object-keys/index.html → 03-dynamic-object-keys/index.html
diff --git a/4-array-destructuring/app.js → 04-array-destructuring/app.js b/4-array-destructuring/app.js → 04-array-destructuring/app.js
diff --git a/4-array-destructuring/index.html → 04-array-destructuring/index.html b/4-array-destructuring/index.html → 04-array-destructuring/index.html
diff --git a/5-object-destructuring/app.js → 05-object-destructuring/app.js b/5-object-destructuring/app.js → 05-object-destructuring/app.js
diff --git a/5-object-destructuring/index.html → 05-object-destructuring/index.html b/5-object-destructuring/index.html → 05-object-destructuring/index.html
diff --git a/6-spread-operator/app.js → 06-spread-operator/app.js b/6-spread-operator/app.js → 06-spread-operator/app.js
diff --git a/6-spread-operator/index.html → 06-spread-operator/index.html b/6-spread-operator/index.html → 06-spread-operator/index.html
diff --git a/7-rest-operator/app.js → 07-rest-operator/app.js b/7-rest-operator/app.js → 07-rest-operator/app.js
diff --git a/7-rest-operator/index.html → 07-rest-operator/index.html b/7-rest-operator/index.html → 07-rest-operator/index.html
diff --git a/8-filter-find/app.js → 08-filter-find/app.js b/8-filter-find/app.js → 08-filter-find/app.js
diff --git a/8-filter-find/index.html → 08-filter-find/index.html b/8-filter-find/index.html → 08-filter-find/index.html
diff --git a/9-reduce/app.js → 09-reduce/app.js b/9-reduce/app.js → 09-reduce/app.js
diff --git a/9-reduce/index.html → 09-reduce/index.html b/9-reduce/index.html → 09-reduce/index.html
diff --git a/11-array-from/app.js → 10-array-from/app.js b/11-array-from/app.js → 10-array-from/app.js
diff --git a/11-array-from/index.html → 10-array-from/index.html b/11-array-from/index.html → 10-array-from/index.html
diff --git a/10-reduce-objects/app.js → 11-reduce-objects/app.js b/10-reduce-objects/app.js → 11-reduce-objects/app.js
diff --git a/10-reduce-objects/index.html → 11-reduce-objects/index.html b/10-reduce-objects/index.html → 11-reduce-objects/index.html
diff --git a/12-optional-chaining/app.js b/12-optional-chaining/app.js
@@ -0,0 +1,24 @@
+const people = [
+  {
+    name: 'bob',
+    location: { street: '123 main street', timezone: { offset: '+7:00' } },
+  },
+  { name: 'peter', location: { street: '123 Pine street' } },
+  {
+    name: 'susan',
+    location: { street: '123 Apple street', timezone: { offset: '+9:00' } },
+  },
+]
+
+people.forEach((person) => {
+  // console.log(person.name)
+  // console.log(person.location)
+  // console.log(person.location.street)
+  // console.log(person.location.timezone.offset)
+  // console.log(
+  //   person.location &&
+  //     person.location.timezone &&
+  //     person.location.timezone.offset
+  // )
+  console.log(person?.location?.timezone?.offset)
+})
diff --git a/12-optional-chaining/index.html b/12-optional-chaining/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Optional Chaining</title>
+    <link rel="stylesheet" href="../global.css" />
+    <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <h2>Optional Chaining</h2>
+    <script src="app.js"></script>
+  </body>
+</html>
diff --git a/12-optional-chaining/styles.css b/12-optional-chaining/styles.css