adding lesson 8 and lesson 9 with comments updated in lesson 4-5

KoolWasif · KoolWasif · commit 2bc2cbbcd283 · 2024-09-28T11:21:57.000-05:00
diff --git a/Lesson4-Loops.js b/Lesson4-Loops.js
@@ -22,7 +22,7 @@ do{
 // Notes: myWords is a special type of varaiables called an array which will be coverd in detail in next lecture...
 //For now just assume it is a collection of same type values combined together like nouns/words in the below example.
 
-//please see image forloop variations.png for more clear understanding of diifrent variations of for loop discussed below
+//please see image for loop variations.png for more clear understanding of driftnet variations of for loop discussed below
 
 const myWords = ["car", "animal", "cart", "fan"];
 for (const word of myWords) {
diff --git a/Lesson5-Arrays.js b/Lesson5-Arrays.js
@@ -23,7 +23,7 @@ for(let lang of language)
 //shift() removes first element from array and returns it
 let fruit= fruitsArray.shift()
 console.log(fruit)
-//unshift() add element(s) at the starts af array
+//unshift() add element(s) at the start af array
 fruitsArray.unshift('watermelon', 'mango')
 //foreach() used to iteatae over an array
 fruitsArray.forEach(element => {
@@ -53,7 +53,7 @@ let anotherWords=['fine', 'sam']
 wordsArray=wordsArray.concat(anotherWords)
 console.log(wordsArray.concat('?'))
 
-//index of - returns the first occurance of an element
+//index of - returns the first occurrence of an element
 let colors=['red','green', 'white']
 let index=colors.indexOf('green')
 console.log(index)
@@ -62,4 +62,4 @@ console.log(colors.indexOf('green',colors.indexOf('green')+1))
 
 //includes returns true if multiples elements are passed then if if any one is found then it will retun true
 let nounArray=['boy','cat','elephant']
-console.log(nounArray.includes('elephant','diansour'));
+console.log(nounArray.includes('elephant','dinosaur'));
diff --git a/Lesson8-RestAndSpreadOperator.js b/Lesson8-RestAndSpreadOperator.js
@@ -0,0 +1,41 @@
+// rest operator
+const printInfo = (firstName,lastName,age,...otherInfo)=>{
+console.log(`person has first name:${firstName}`);
+console.log(`person has last name: ${lastName}`);
+console.log(`person has  age: ${age}`);
+logOtherInfo(otherInfo)
+//console.log(`person has other Info:${otherInfo}`)
+}
+const logOtherInfo = (otherInfo)=>{
+otherInfo.forEach(someInfo => {
+    console.log(someInfo)
+});
+}
+
+printInfo('steve' ,'jerrod' , 30, 'plays hockey' , 'likes Batman');
+//another way
+printInfo('micheal', 'frances' , 36 , ['plays soccer', 'likes superman'])
+
+//spread operator (like un packing things)
+const someFruits=['apple','banana', 'orange']
+const moreFruits=['peach',...someFruits,'mango']
+console.log(moreFruits)// Output: ['grape', 'apple', 'banana', 'orange', 'pineapple']
+
+//spread operator on objects
+const person = { name: 'John', age: 30 };
+const updatedPerson = { 
+    ...person, 
+    city: 'New York' };
+console.log(updatedPerson);
+
+//spread can be used to copy contents of an array
+const chocolateChipCookies = ["Chocolate Chip Cookie","Chocolate Chip Cookie","Chocolate Chip Cookie"];
+const oatmealCookies = ["Oatmeal Cookie", "Oatmeal Cookie"];
+let allCookies = [...chocolateChipCookies, ...oatmealCookies];
+console.log(allCookies);
+
+//passing arguments in a function
+let personEssay = (firstName, lastName, age) =>
+    `Person has first name ${firstName} last name ${lastName} and is ${age} years of age`;
+  console.log(personEssay(...["steve", "jerrad", 13]));
+
diff --git a/Lesson9-Destructuring.js b/Lesson9-Destructuring.js
@@ -0,0 +1,53 @@
+// Destructuring in JavaScript is like taking apart a structured item (such as an array or object) and pulling out specific pieces that you want. It helps you easily extract values 
+// from arrays or properties from objects and store them into individual variables.
+const fruits= ['apple','orange','banana']
+const [firstFruit,secondFruit,thirdFruit]=fruits
+console.log(`First Fruit:${firstFruit}`);
+console.log(`Second Fruit:${secondFruit}`)
+//Destructuring using the spread operator
+const languages=['Java','C#', 'Python','Ruby', 'Swift']
+const [java,c,...otherLanguages]= languages;
+console.log(java);
+console.log(c)
+otherLanguages.forEach(lang=>{
+    console.log(lang);
+})
+
+//Destructuring the objects
+const personInfo={
+      personName:'Jhon',
+      age:35,
+      city:'London'
+}
+
+const {personName,...otherInfo}=personInfo
+//Note we can't use foreach() here as for each forEach() works for arrays, not for objects.
+for(let key in otherInfo){
+    console.log(otherInfo[key])
+}
+
+const actor = {
+    name: "Tom Hanks",
+    age: 65,
+    movies:["Forrest Gump", "Cast Away", "Saving Private Ryan"],
+  };
+
+const {name,...otherActorInfo}=actor
+//further destructuring
+console.log(...otherActorInfo.movies)
+
+// Destructuring on Nested Objects
+const playerInfo={
+    id: 1,
+    profile: {
+      playerName: 'Alice',
+      location: {
+        city: 'Moscow',
+        country: 'Russia'
+      }
+    },
+   
+}
+const {id,profile:{playerName,location:{country}}}=playerInfo
+console.log(id)
+console.log(country)
