[main] 021 Practice JavaScript reduce function

sarthaksavvy · sarthaksavvy · commit e1c444a44267 · 2024-03-03T13:53:42.000+05:30
diff --git a/index.html b/index.html
@@ -5,99 +5,41 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Code Jugaad - Javascript</title>
-<style>
-    ::-webkit-scrollbar{
-        width: 10px;
-    }
-    ::-webkit-scrollbar-thumb {
-        border-radius: 10px;
-        background: linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
-    }
-</style>
+    <style>
+        ::-webkit-scrollbar {
+            width: 10px;
+        }
+
+        ::-webkit-scrollbar-thumb {
+            border-radius: 10px;
+            background: linear-gradient(180deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
+        }
+    </style>
+    <script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
+
+
 </head>
 
 <body>
 
+    <br>
+    <br>
+    <br>
+    <br>
+
+
+
+
     <!--  -->
-    <h1 id="title">Disable ??</h1>
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam
-        consectetur, nobis accusamus molestiae deserunt tempore saepe officiis
-        fuga minus nesciunt possimus totam nisi magni tempora ut voluptatem quod
-        incidunt eum.
-        Culpa, adipisci! Sed commodi temporibus odio quisquam. Deserunt minus
-        dolorem perspiciatis accusamus eius voluptatem voluptatibus esse hic
-        atque ipsam expedita sit nesciunt, fugit, unde nemo laudantium ab
-        exercitationem eligendi error?
-        Repudiandae voluptas quo facere debitis vero sapiente dolores quibusdam
-        voluptatem. Totam impedit, nihil, aperiam ut dolorum nisi ab, delectus
-        porro magnam neque doloremque quas dignissimos quaerat. Nobis laudantium
-        quo sunt!
-        Vitae molestiae omnis impedit quibusdam exercitationem, eum nisi atque
-        molestias, alias ipsam explicabo voluptates fugit blanditiis possimus
-        neque eligendi porro? A ab provident voluptas doloremque impedit vel
-        dolorem aliquid excepturi.
-        Quaerat excepturi, illo beatae minima libero architecto? Explicabo ab,
-        ad ipsum consequatur laboriosam asperiores tempore nam, incidunt
-        praesentium libero quia, quo voluptatum? Magni a qui, vero ex nostrum
-        asperiores tempora.
-        Soluta aliquam iste odit illo placeat alias quasi quae ducimus
-        asperiores vitae. Quae possimus repudiandae sed quos nulla neque
-        veritatis quam ab eveniet. Sapiente aperiam officia sunt totam? Sint,
-        minus.
-        Assumenda hic id quam laborum dignissimos nulla velit saepe veniam
-        perferendis! Eos, similique! Odit, hic magni? Cumque modi dicta, magnam
-        deleniti blanditiis quidem amet omnis repudiandae recusandae perferendis
-        quae nobis.
-        Sapiente excepturi, officiis fugit deleniti at dolores ipsam maiores?
-        Quis atque optio, hic neque omnis nobis, distinctio, obcaecati minima ea
-        pariatur porro perferendis. Tenetur molestiae commodi placeat
-        laboriosam! Distinctio, provident!
-        Recusandae cumque ut vel labore. Facilis voluptas sapiente ipsam.
-        Tempora, cumque dolorum earum fuga consectetur eum eius maxime nihil
-        delectus quos dolore, libero unde soluta iure nisi voluptatibus id ab?
-        Deleniti iure, odio officiis blanditiis totam cupiditate quasi,
-        molestiae quas illum assumenda pariatur obcaecati sapiente voluptatibus
-        architecto sunt quaerat ut sed quisquam? Ipsum excepturi adipisci quae
-        consequuntur quidem earum voluptas!
-        Sit dolor deleniti neque voluptates ducimus labore veritatis temporibus
-        exercitationem placeat cum unde, aspernatur praesentium sapiente fugiat!
-        Unde minus voluptatibus ea harum quis facere vitae. Mollitia accusantium
-        maxime magnam quia?
-        Ex, nobis! Labore in nam repudiandae debitis aliquid itaque minus
-        repellendus iure optio! Repellat aut quia aspernatur suscipit quibusdam
-        tempore nesciunt facilis vel architecto aperiam quidem animi atque,
-        autem recusandae!
-        Officiis, itaque nostrum. Quisquam minima autem eum vero, ullam vitae
-        possimus earum iste. Culpa pariatur a explicabo corporis similique rem
-        numquam laborum, qui corrupti, suscipit accusamus, doloribus
-        necessitatibus aliquid earum.
-        Fugiat quaerat asperiores corporis, aut aspernatur tempora dolorem,
-        incidunt reiciendis recusandae expedita earum eaque optio facilis
-        reprehenderit alias facere adipisci est vitae quam in labore
-        dignissimos, provident quidem. Doloremque, quibusdam!
-        Voluptatibus, quo quibusdam voluptas at a provident quae aliquam
-        quisquam dolor enim, corrupti, minima illo et culpa assumenda in
-        praesentium. Officia adipisci doloribus asperiores nesciunt, consectetur
-        numquam totam perspiciatis voluptas!
-        Tempora magnam libero dicta sint rerum quia odio repellendus. Minus
-        nesciunt sapiente amet! Hic dolores incidunt fugit natus! Sit cupiditate
-        quos fugit explicabo harum tenetur sequi quidem quaerat, magnam
-        consectetur.
-        Eveniet, quaerat mollitia! Esse, cum. Voluptatem, officia rerum
-        praesentium maiores reprehenderit tempora consequuntur amet tempore
-        repudiandae delectus vel quidem libero cumque magni quasi voluptate
-        neque at. Incidunt omnis debitis ut.
-        Adipisci, harum. Eveniet, ipsum fugit. Reprehenderit repellendus magnam
-        dolore necessitatibus ipsum tenetur assumenda quisquam quas fugiat
-        mollitia vero, impedit beatae. Optio, reprehenderit maxime! Magnam fugit
-        impedit odio assumenda voluptate maxime.
-        Dolore suscipit expedita possimus ducimus facilis odio cupiditate quae
-        officia quia repudiandae ab, illo repellat, sequi nemo! Eligendi, quo,
-        fugit sed porro in nobis, quis fuga ipsa tenetur voluptate voluptas!
-        Quae, pariatur dolore eos est assumenda libero accusantium illo
-        laudantium unde veniam suscipit a non totam facilis provident tenetur
-        sequi esse perspiciatis et! Harum unde facilis aliquam, quam ratione
-        delectus.</p>
+    <h1>The Kingdom of Date</h1>
+    <h2 class="date"></h2>
+
+    <script>
+        const date = dayjs('2018-04-13 19:18').format('MMMM D, YYYY h:mm A');
+
+        document.querySelector('.date').innerHTML = date;
+    </script>
+
     <script src="index.js"></script>
 
 </body>
diff --git a/index.js b/index.js
@@ -1,61 +1,43 @@
 /**
  * Question 1
- * Write a function that filters out all negative numbers from an array using the filter method.
+ * How can you use the Array.reduce function to flatten an array of arrays?
+ *
  */
 
-// const myarr = [-10, 160, 87, 45, -120, 92, -73];
-// const newMyArr = myarr.filter((num) => num >= 0);
-// console.log(newMyArr);
+const nestedArray = [
+  [1, 2],
+  [3, 4],
+  [5, 6],
+];
+const newFlatArr = nestedArray.reduce((acc, curr) => {
+  return acc.concat(curr);
+}, []);
+console.log(newFlatArr);
 /**
  * Question 2
- * Write a function using some to check if there is at least one element in an array that is a palindrome (reads the same backward as forward).
+ * How can you find the maximum element in an array using Array.reduce?
+ *
  */
 
-const stringArray = ["level", "hello", "racecar", "world"];
-
-function hasPalindrom(word) {
-  return word === word.split("").reverse().join("");
-}
-const arrayIsPalindrom = stringArray.some((word) => hasPalindrom(word));
-console.log(arrayIsPalindrom);
+const numbers = [10, 20, 30, 40, 50];
+const max = numbers.reduce((acc, curr) => {
+  return acc > curr ? acc : curr;
+}, 0);
+console.log(max);
 
 /**
  * Question 3
- * Write a function that filter out on any criteria that user can provide in a callback function
- */
-
-// const filter = (arr, callback) => {
-//   const filteredArr = [];
-//   for (let i = 0; i < arr.length; i++) {
-//     callback(arr[i]) ? filteredArr.push(arr[i]) : "";
-//   }
-//   return filteredArr;
-// };
-
-// const myarr = [-10, 160, 87, 45, -120, 92, -73];
-// const newMyArr = filter(myarr, (num) => num % 2 == 0);
-// console.log(newMyArr);
-
-/**
- * Question 4
- * Write a function customSome that replicates the functionality of the some method
+ * How can you find the average of an array using Array.reduce?
+ *
  */
 
-// const customSome = (arr, callback) => {
-//   for (let i = 0; i < arr.length; i++) {
-//     if (callback(arr[i])) {
-//       return true;
-//     }
-//   }
-
-//   return false;
-// };
-
-// const arrOfNumbers = [1, 3, 5, 7, 9];
-// const isEven = customSome(arrOfNumbers, (num) => num % 2 === 0);
-// console.log(isEven);
+const numbers1 = [10, 20, 30, 40, 50];
+const avg = numbers1.reduce((acc, curr, index) => {
+  if (index === numbers1.length - 1) {
+    return (acc + curr) / numbers1.length;
+  } else {
+    return acc + curr;
+  }
+}, 0);
 
-/**
- * Question 5
- * Write a function customEvery that replicates the functionality of the every method
- */
+console.log(avg);
