spread operator + function + object clone

piyalidas10 · piyalidas10 · commit eeb1c7d31e28 · 2020-08-02T09:14:06.000+05:30
diff --git a/Object_clone_ways.html b/Object_clone_ways.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>3 ways to clone object</title>
+    </head>
+<body>
+<h2>3 ways to clone object</h2>
+<script>
+    let person = {
+        name: 'Piyali',
+        dept: 'IT'
+    };
+    
+    // spread operator
+    console.log('Clone object using spread operator => ', {...person});
+
+    // Object.assign
+    console.log('Clone object using Object.assign => ', Object.assign({}, person));
+
+    // JSON
+    console.log('Clone object using spread operator => ', JSON.parse(JSON.stringify(person)));
+</script>
+</body>
+</html> 
diff --git a/function_constructor.html b/function_constructor.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Function Constructor</title>
+    </head>
+<body>
+<h2>Function Constructor</h2>
+<script>
+    function Product(name) {
+        this.name = name;
+    }
+    console.log(Product.prototype);
+    // var p1 = new Product('Piyali');
+    // var p2 = new Product('Test');
+    // console.log(txt = 'Good Morning ! ' + p1.name);
+    // console.log(p1.constructor === p2.constructor);
+    // console.log(p1.constructor.prototype);
+    // console.log(p2.constructor.prototype.owner);
+</script>
+</body>
+</html> 
diff --git a/spread_operator.html b/spread_operator.html
@@ -6,11 +6,133 @@
 <body>
 <h2>Spread operator</h2>
 <script>
-    let arr = [1, 2, 3, 4, 5];
-    let copyarr = [];
-    copyarr.push(arr);
-    console.log('copyarr => ', copyarr);
-    console.log('copyarr with spread operator => ', ...copyarr);
+    /* 
+        Example no 1 -----------------------------
+        If you have two arrays with shopSellArr1 and shopSellArr2. Now you want to check sell on aug month from two shops.
+    */
+    let shopSellArr1 = [
+        {
+            month: 'aug',
+            sell: '15000'
+        },
+        {
+            month: 'sept',
+            sell: '25000'
+        },
+        {
+            month: 'oct',
+            sell: '20000'
+        }
+    ];
+    let shopSellArr2 = [
+        {
+            month: 'aug',
+            sell: '17000'
+        },
+        {
+            month: 'sept',
+            sell: '22000'
+        },
+        {
+            month: 'oct',
+            sell: '19000'
+        }
+    ];
+
+    let resultArr = [];
+    shopArr1Aug = shopSellArr1.filter(ele => ele.month === 'aug');
+    shopArr2Aug = shopSellArr2.filter(ele => ele.month === 'aug');
+    Object.assign(shopArr1Aug[0], {name: 'Shop 1'});
+    Object.assign(shopArr2Aug[0], {name: 'Shop 2'});
+    resultArr.push(...shopArr1Aug, ...shopArr2Aug);
+    console.table(resultArr);   
+
+    /* 
+        Example no 2 -----------------------------
+        Calculate minimum and maximum from an array
+    */
+
+    let studentArr = [
+        {
+            stud_id : 1,
+            stud_name: 'Student 1',
+            stud_marks: 60
+        },
+        {
+            stud_id : 2,
+            stud_name: 'Student 1',
+            stud_marks: 55
+        },
+        {
+            stud_id : 3,
+            stud_name: 'Student 1',
+            stud_marks: 76
+        },
+        {
+            stud_id : 4,
+            stud_name: 'Student 1',
+            stud_marks: 87
+        },
+        {
+            stud_id : 5,
+            stud_name: 'Student 1',
+            stud_marks: 90
+        }
+    ];
+
+    let marksArr = studentArr.map(ele => ele.stud_marks);
+    console.log('Marks array => ', marksArr);
+    let maxMarks = Math.max(...marksArr);
+    console.log('Maximum marks => ', maxMarks);
+    let minMarks = Math.min(...marksArr);
+    console.log('Manimum marks => ', minMarks);
+
+    
+    /* 
+        Example no 3 -----------------------------
+        Print students info with school info. So i have to add "schoolInfo" with studentArr
+    */
+
+    let studentArr1 = [
+        {
+            stud_id : 1,
+            stud_name: 'Student 1',
+            stud_marks: 60
+        },
+        {
+            stud_id : 2,
+            stud_name: 'Student 2',
+            stud_marks: 55
+        },
+        {
+            stud_id : 3,
+            stud_name: 'Student 3',
+            stud_marks: 76
+        },
+        {
+            stud_id : 4,
+            stud_name: 'Student 4',
+            stud_marks: 87
+        },
+        {
+            stud_id : 5,
+            stud_name: 'Student 5',
+            stud_marks: 90
+        }
+    ];
+
+    let schoolInfo = {
+        name: 'Don bosco school',
+        address: 'kolkata, west bengal'
+    };
+    let studentInfoArr = [];
+    studentArr1.forEach(ele => {
+        let obj = {...ele, ...schoolInfo};
+        studentInfoArr.push(obj);
+    });
+
+    console.table(studentInfoArr);
+
 </script>
 </body>
 </html> 
