Browse Source

HW <5> done

Vadym Shakhmatenko 1 year ago
parent
commit
00ed102213
2 changed files with 131 additions and 0 deletions
  1. 122 0
      HomeWork5/index.html
  2. 9 0
      HomeWork5/workspace.code-workspace

+ 122 - 0
HomeWork5/index.html

@@ -8,7 +8,129 @@
 </head>
 <body>
     <script>
+        //3 persons
+        let a = new Object();
+        a.name = 'Petro'
+        a.surname = 'Petroff'
+
+        let b = new Object();
+        b.name = 'Igor'
+        b.surname = 'Igoroff'
+
+        let c = new Object();
+        c.name = 'Anton'
+        c.surname = 'Antonoff'
+
+        //different fields
+        a.age = 15;
+        a.fatherName = "Petrovich"
+
+        b.car = 'Maseratti'
+        b.sex = 'man'
+
+        c.nationallity = 'tatarin'
+        c.laptop = 'macbook'
+
+        //fields check
+        if ('fatherName' in a ) {
+            alert(a.fatherName)
+       
+        }
+        if ('sex' in b){
+            alert(b.sex)
+  
+        }
+        if ('laptop' in c) {
+            alert(c.laptop)
+
+        }
+
+        //array of persons
+        let persons = [];
+        persons.push(a)
+        persons.push(b)
+        persons.push(c)
+        persons.push({name : 'Archi' , surname: 'Archibalt' , sex : 'pet'})
+      
+       
+        //loop of persons
+        for (let i = 0; i < persons.length; i++) {
+	    console.log(persons[i]);
+        }
+
+        //loop of name and surname
+        for (let i = 0; i < persons.length; i++) {
+	    console.log(persons[i].name + " " + persons[i].surname);
+        }
+
+        //loop of loop of values
+        for (let i = 0; i < persons.length; i++) {
+            for (let value of Object.values(persons[i])) {
+                console.log(value); 
+            }
+        }
+
+        //fullName
+        for (let object of persons){
+            if (object.name && object.surname){
+                object.fullName = object.name + " " + object.surname
+            }
+        }
+
+        //serialize
+        JSON.stringify(persons)
+
+        //deserialize 
+        let d = '{"name" : "Artur","surname" : "Arturenko" , "fatherName": "Arturovich","age" : 34,"sex":"female"}'
+        d = JSON.parse(d)
+        persons[3] = d
+        console.log(persons)
+
+        //html
+        var str = "<table border='1'>"
+        for (let i = 0;i < 4;i++){
+            for (let key in persons[i]) {
+                    str += `<tr><td>${[key]}</td><td>${persons[i][key]}</td></tr>`;
+                 }
+        }
+        str += "</table>"
+        console.log(str)
+        document.write(str)
+
+        //HTML optional fields  ++++++  //HTML tr color
+        var str = "<table border='1'>"
+        for (let i = 0;i < persons.length;i++){
+            for (let key in persons[i]) {
+                str += `<tr style="color:#ff0000"><td>${[key]}</td><td>${persons[i][key]}</td></tr>`;
+                }
+        }
+        str += "</table>"
+        console.log(str)
+        document.write(str)
+
+        //destruct array
+        let arr = [1,2,3,4,5, "a", "b","c"]
+        let [odd1 , even1 , odd2 , even2 , odd3 , ...letters] = arr
+
+        //destruct string
+        let arr2 = [1, "abc"]
+        let [number, [s1, s2, s3]] = arr2
+
         
+        // destruct 2
+        let obj = {name: 'Ivan',
+           surname: 'Petrov',
+           children: [{name: 'Maria'}, {name: 'Nikolay'}]
+        }
+        let {
+                children: [{ name: name1 }, { name: name2 }],
+            } = obj;
+
+        // destruct 3 
+        let arr3 = [1,2,3,4, 5,6,7,10]
+        let [a ,b , {length = arr3.length}] = arr
+
+
     </script>
 </body>
 </html>

+ 9 - 0
HomeWork5/workspace.code-workspace

@@ -0,0 +1,9 @@
+{
+	"folders": [
+		{
+			"name": "homework",
+			"path": ".."
+		}
+	],
+	"settings": {}
+}