Add: Rest and Spread Examples

DouglasHdezT · DouglasHdezT · commit 3c9fa863de8a · 2020-02-15T23:11:33.000-06:00
diff --git a/6-Rest&Spread/Example1.js b/6-Rest&Spread/Example1.js
@@ -0,0 +1,48 @@
+/**
+ * Spread operator (...); it's used to list items inside of an Array or list attributes inside of an object; 
+ * This list can be used to complement a new array or object, copying this elements and adding the new ones declared.
+ */
+
+const spreadArray = () => {
+    let oldArray = [9, 8 ,7];
+    let newArrayWithoutSpread = [oldArray, 6, 5, 4, 3];
+    let newArrayWithSpread = [...oldArray, 6, 5, 4, 3];
+
+    console.log("Without spread:");
+    console.log(newArrayWithoutSpread);
+
+    console.log("With spread:");
+    console.log(newArrayWithSpread);
+}
+
+const spreadObject = () => {
+    const originalPerson = {
+        name: "Douglas",
+        lastname: "Hernández"
+    }
+
+    const newPersonWithoutSpread = {
+        originalPerson,
+        age: 22,
+        gender: "Male"
+    }
+
+    const newPersonWithSpread = {
+        ...originalPerson,
+        age: 22,
+        gender: "Male"
+    }
+
+    console.log("Without spread:");
+    console.log(newPersonWithoutSpread);
+
+    console.log("With spread:");
+    console.log(newPersonWithSpread);
+    
+}
+
+console.log("Arrays");
+spreadArray();
+
+console.log("Objects");
+spreadObject();
diff --git a/6-Rest&Spread/Example2.js b/6-Rest&Spread/Example2.js
@@ -0,0 +1,13 @@
+/**
+ * Rest operator; It's used to declare that a functions is capable to receive n items of parameters, when we don't know 
+ * the exact value of n. This parameters are casted to an instance of Array
+ */
+
+const sortNumbersAndList = (...numbers) => {
+    numbers.sort();
+    numbers.forEach((element, index) =>{
+        console.log(`${index}: ${element}`);
+    })
+}
+
+sortNumbersAndList(1, 3, 5, 6, 7, 2, 4);
