exercise level1 complete

3 years ago · e8568e8c9e
parent d0c066fcb9
commit e8568e8c9e
2 changed files with 124 additions and 0 deletions
--- a/solutions/day-01/index.html
+++ b/solutions/day-01/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>30 Days of React</title>
+</head>
+<body>
+  <h1>30 Days of React - Day 1</h1>
+  <script src="./level1.js"></script>
+</body>
+</html>
--- a/solutions/day-01/level1.js
+++ b/solutions/day-01/level1.js
@ -0,0 +1,111 @@
+// Exercises: Level 1
+const countries = [
+  'Albania',
+  'Bolivia',
+  'Canada',
+  'Denmark',
+  'Ethiopia',
+  'Finland',
+  'Germany',
+  'Hungary',
+  'Ireland',
+  'Japan',
+  'Kenya',
+]
+
+const webTechs = [
+  'HTML',
+  'CSS',
+  'JavaScript',
+  'React',
+  'Redux',
+  'Node',
+  'MongoDB',
+]
+// Exercises
+// 1. 
+const arr = [];
+// 2.
+const arr2 = Array(6);
+// 3.
+const arr2Length = arr2.length;
+console.log('3. ', arr2Length);
+// 4.
+const firstItem = arr2[0];
+const middleItem = arr2[Math.floor(arr2Length / 2)];
+const lastItem = arr2[arr2Length - 1];
+console.log('4. ', { firstItem, middleItem, lastItem });
+// 5.
+const mixedDataTypes = [1, 'one', true, undefined, null];
+const mixedDataTypesLength = mixedDataTypes.length;
+console.log('5. ', mixedDataTypesLength);
+// 6. 
+const itCompanies = ['Facebook', 'Google', 'Microsoft', 'Apple', 'IBM', 'Oracle', 'Amazon'];
+// 7.
+console.log('7. ', itCompanies);
+// 8.
+const itCompaniesLength = itCompanies.length;
+console.log('8. ', itCompaniesLength);
+// 9.
+const firstCompany = itCompanies[0];
+const middleCompany = itCompanies[Math.floor(itCompaniesLength / 2)];
+const lastCompany = itCompanies[itCompaniesLength - 1];
+console.log('9. ', { firstCompany, middleCompany, lastCompany });
+// 10. 
+console.log('10. ');
+itCompanies.forEach((co, i) => console.log(`${i+1}: ${co}`));
+// 11. 
+console.log('11. ');
+itCompanies.forEach((co, i) => console.log(`${i+1}: ${co.toUpperCase()}`));
+// 12.
+itCompanies.pop();
+console.log('12. ', `${itCompanies.join(', ')}, and Amazon are big IT companies`);
+itCompanies.push('Amazon');
+// 13.
+const searchCompany = 'Facebook';
+const searchCompanyIndex = itCompanies.indexOf(searchCompany);
+searchCompanyIndex === -1 ? 
+  console.log('13. ', `${searchCompany} is not found`) 
+  : 
+  console.log('13. ', `${searchCompany} is found`);
+// 14.
+const filteredCompanies = [];
+itCompanies.forEach(co => {
+  let count = 0;
+  for (let i = 0; i < co.length; i++) {
+    if (co[i] === 'o') {
+      count++;
+    }
+  }
+  if (count < 2) {
+    filteredCompanies.push(co);
+  }
+});
+console.log('14. ', filteredCompanies);
+// 15.
+const sortedCompanies = itCompanies.sort();
+console.log('15. ', sortedCompanies);
+// 16.
+const reverseSortedCompanies = itCompanies.reverse();
+console.log('16. ', reverseSortedCompanies);
+// 17.
+const sliced = itCompanies.slice(0, 3);
+console.log('17. ', sliced);
+// 18.
+const lastSliced = itCompanies.slice(itCompaniesLength - 3, itCompaniesLength);
+console.log('18. ', lastSliced);
+// 19.
+const midSlice = itCompanies.slice(Math.floor(itCompaniesLength / 2), Math.floor(itCompaniesLength / 2) + 1);
+console.log('19. ', midSlice);
+// 20.
+const removeFirstCompany = itCompanies.shift();
+console.log('20. ', removeFirstCompany);
+// 21.
+const removeMidCompany = itCompanies.splice(Math.floor(itCompanies.length / 2), 1);
+console.log('21. ', removeMidCompany);
+// 22.
+const removeLastCompany = itCompanies.pop();
+console.log('22. ', removeLastCompany);
+// 23.
+const removeAllCompanies = itCompanies.splice(0, itCompanies.length);
+console.log('23. ', removeAllCompanies);