the fifth homework --objects, in, json

js/05/main.js

@@ -0,0 +1,274 @@
+//3 persons
+var a = {
+    name: 'Vasya',
+    surname: 'Pupkin'
+}
+var b = {
+    name: 'Lesya',
+    surname: 'Ivanova'
+}
+var c = {
+        name: 'Petya',
+        surname: 'Bobrov'
+    }
+    //different fields
+a["age"] = 10;
+b["age"] = 30;
+b["sex"] = 'female';
+c["fathername"] = 'Ivanovich';
+c["sex"] = 'male';
+
+//fields check
+let f = (field, myobject = {}) => {
+        if (field in myobject)
+            alert(`значение существующего поля в ассоц. массиве = ${myobject[field]}`)
+    }
+    // f("fathername", a)
+    // f("sex", a)
+    // f("age", a)
+    // f("fathername", b)
+    // f("sex", b)
+    // f("age", b)
+    // f("fathername", c)
+    // f("sex", c)
+    // f("age", c)
+
+//array of persons
+var persons = [a, b, c]
+    //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].surname, persons[i].name)
+}
+//или
+for (let key in persons) {
+    console.log(persons[key]["surname"], persons[key]["name"])
+}
+//loop of loop of values
+persons.forEach(function(element) {
+    for (let key in element) {}
+    console.log(Object.values(element));
+});
+//или
+for (let person in persons) {
+    for (let key in persons[person]) {
+        console.log(`${[key]} = ${persons[person][key]}`)
+    }
+}
+
+//fullName
+let fullName = "";
+for (let person in persons) {
+    if ("fathername" in persons[person]) {
+        fullName = `${persons[person]["surname"]} ${persons[person]["name"]} ${persons[person]["fathername"]}`
+        persons[person]["fullname"] = fullName;
+    } else
+        fullName = `${persons[person]["surname"]} ${persons[person]["name"]}`
+    persons[person]["fullname"] = fullName;
+}
+console.log(persons)
+
+
+
+//serialize
+var jsonStringify = JSON.stringify(persons)
+console.log(jsonStringify);
+//deserialize
+var jsonParse = JSON.parse(JSON.stringify(persons[0]));
+persons.push(jsonParse);
+console.log(persons);
+
+//html
+var str = "<table border='1'>"
+for (let i = 0; i < persons.length; i++) {
+    str += `<tr><td>${persons[i].name}</td>
+        <td>${persons[i].surname}</td>
+        </tr>`
+}
+str += "</table>"
+
+console.log(str)
+document.write(str)
+    //html optional fields
+
+var str = "<table border='1'>"
+for (let person in persons) {
+    str += `<tr>`
+    for (let key in persons[person]) {
+        str += `<td>${persons[person][key]} </td>`
+    }
+}
+str += `</tr>`
+str += "</table>"
+console.log(str)
+document.write(str)
+
+//html tr color
+var str = "<table border='1'>"
+for (let i = 0; i < persons.length; i++) {
+    (i % 2) ? str += `<tr>`: str += `<tr bgcolor="green">`
+    for (let person in persons[i]) {
+
+        str += `<td>${persons[i][person]} </td>`
+    }
+    str += `</tr>`
+}
+str += `</tr>`
+
+//html th optional
+var str = "<table border='1'>"
+for (let i in persons) {
+    str += `<tr>`
+    str += ` <td> person № ${i}`
+    str += ` <td>`
+    str += `<tr>`
+    let keyLength = Object.keys(persons[i]).length;
+    let keyObj = Object.keys(persons[i]);
+    let valueObj = Object.values(persons[i])
+    for (keyLength in valueObj) {
+        str += `<th>${(keyObj[keyLength])} `
+        str += `<td>${(valueObj[keyLength])} `
+        str += `<tr>`
+        str += `</th>`
+        str += `</td>`
+    }
+    str += ` </td>`
+    str += `</tr>`
+    str += `</tr>`
+    str += `</tr>`
+}
+str += "</table>"
+document.write(str)
+
+
+//html constructor Задание на синий пояс
+var body = {
+    tagName: 'body',
+    subTags: [{
+            tagName: 'div',
+            subTags: [{
+                    tagName: 'span',
+                    text: "Enter a data please:",
+                },
+                {
+                    tagName: 'br',
+                },
+                {
+                    tagName: 'input',
+                    attrs: {
+                        type: 'text',
+                        id: 'name'
+                    }
+                },
+                {
+                    tagName: 'input',
+                    attrs: {
+                        type: 'text',
+                        id: 'surname'
+                    }
+                }
+            ],
+        },
+        {
+            tagName: 'div',
+            subTags: [{
+                    tagName: 'button',
+                    text: "OK",
+                    attrs: {
+
+                        id: 'ok'
+                    }
+                },
+                {
+                    tagName: 'button',
+                    text: "Cancel",
+                    attrs: {
+                        id: 'cancel'
+                    }
+
+                },
+            ],
+
+        },
+    ],
+}
+
+
+var str = '';
+str += `<${body.tagName}>`
+
+for (let i of body.subTags) {
+    str += `<${i.tagName}>`
+
+    for (let ichild of i.subTags) {
+        str += `<${ichild.tagName}>`
+
+
+        for (let keys in ichild.subTags) {
+
+            str += `${ichild.subTags[keys]} `
+
+        }
+        for (let keys in ichild.text) {
+
+            str += `${ichild.text[keys]}`
+        }
+
+        for (let keys in ichild.attrs) {
+
+            str += `<${ichild.attrs[keys]}>`
+        }
+
+        str += `</${ichild.subTags}>`
+        str += `</${ichild.tagName}>`
+    }
+}
+
+
+str += `</${body.tagName}>`
+document.write(str);
+
+//destruct array
+let arr = [1, 2, 3, 4, 5, "a", "b", "c"]
+let [odd1, even1, odd2, even2, odd3, ...array] = arr
+console.log('odd1=', odd1, 'even1=', even1, 'odd2=', odd2, 'even2=', even2, 'odd3=', odd3, 'array=', ...array)
+    //destruct string
+let arr2 = [1, "abc"]
+let [number] = arr2
+console.log('number =', number)
+let [s1, s2, s3] = arr2[1];
+console.log('s1 =', s1, 's2 = ', s2, 's3=', s3)
+    //destruct 2
+let obj = {
+    name: 'Ivan',
+    surname: 'Petrov',
+    children: [{ name: 'Maria' }, { name: 'Nikolay' }]
+}
+let { children: [{ name: name1 }, { name: name2 }] } = obj
+console.log('name1=', name1, 'name2=', name2)
+    //destruct 3
+let arr3 = [1, 2, 3, 4, 5, 6, 7, 10]
+let { a = arr3[0], b = arr3[1] } = arr3
+let { length = arr3.length } = arr3
+console.log(a, b, length);
+
+//Задание на черный пояс
+let predictArray = {
+    1: -1,
+    2: -1,
+    3: -1,
+    4: -1,
+}
+for (let keys in Object.keys(predictArray)) {
+    console.log('predictValue', predictValue)
+    var history = { 1: 1, 2: 2, 3: 1, 4: 1 }
+    var predictValue = predictArray[history] // в predictValue то, что ввел последний раз пользователь после нажатий 1212
+    var newValue = prompt("введите 1 или 2", "");
+    predictArray[history] = newValue
+    console.log(predictValue)
+}
+//сохраняем новый ввод
+//сдвигаем историю