hw_javascript/04/script.js

// const array = [];
// for (let i = 0; i < 10; i++) {
//   array.push(i);
// }
// for (let i = 1; i < array.length; i++) {
//   array[i] = array[i] + array[i - 1];
// }
// console.log(array);

// 3 persons

// const a = {
//   name: "Anatoliy",
//   surname: "Stateham",
// };
// const b = {
//   name: "Arnold",
//   surname: "Hudoba",
// };
// const c = {
//   name: "Stepan",
//   surname: "Johnson",
// };

// different fields

// a.age = 16;
// a.fathername = "Andreevich";
// a.sex = "male";
// b.age = 25;
// b.fathername = "Bogdanovich";
// b.sex = "male";
// c.age = 18;
// c.fathername = "Vasilevich";
// c.sex = "male";

// fields check

// if ("age" in a) {
//   alert("Optional field 'age' found in object a");
// }
// if ("fathername" in a) {
//   alert("Optional field 'fathername' found in object a");
// }
// if ("sex" in a) {
//   alert("Optional field 'sex' found in object a");
// }
// if ("age" in b) {
//   alert("Optional field 'age' found in object b");
// }
// if ("fathername" in b) {
//   alert("Optional field 'fathername' found in object b");
// }
// if ("sex" in b) {
//   alert("Optional field 'sex' found in object b");
// }
// if ("age" in c) {
//   alert("Optional field 'age' found in object c");
// }
// if ("fathername" in c) {
//   alert("Optional field 'fathername' found in object c");
// }
// if ("sex" in c) {
//   alert("Optional field 'sex' found in object c");
// }

// array of persons

// const persons = [];
// persons.push(a, b, c);
// persons.push({
//   name: "Semen",
//   surname: "Harrington",
//   age: 30,
//   fathername: "Sergeevich",
//   sex: "male",
// });

// loop of persons

// for (let person in persons) {
//   console.log(person);
// }

// loop of name and surname

// for (let person in persons) {
//   console.log(person.name, person.surname);
// }

// loop of loop of values

// let count = 0;
// for (let person in persons) {
//   console.log(`--- ${++count} object ---`);
//   for (key in persons[person]) {
//     console.log(`${key}: ${persons[person][key]}`);
//   }
// }

// fullName

// for (let person in persons) {
//   for (key in persons[person]) {
//     if (!persons[person]?.fathername) {
//       persons[
//         person
//       ].fullName = `${persons[person].name} ${persons[person].surname}`;
//     } else {
//       persons[
//         person
//       ].fullName = `${persons[person].name} ${persons[person].surname} ${persons[person].fathername}`;
//     }
//   }
// }
// console.log(persons);

// serialize

// const stringPersons = JSON.stringify(persons);
// console.log(stringPersons);

// deserialize

// let personString =
//   '{"name":"Mariya","surname":"Gordon","age":26,"sex":"female","fullName":"Mariya Gordon"}';
// persons.push(JSON.parse(personString));
// console.log(persons);

// HTML && HTML optional fields && HTML tr color && HTML th optional

// let countHTML = 0;
// for (let person in persons) {
//   let strObj = `<table border='1' class='obj${++countHTML}' style='margin: 1vh'>`;
//   strObj += `<caption>${countHTML} object in persons</caption>`;
//   for (let [key, value] of Object.entries(persons[person])) {
//     strObj += "<tr>";
//     strObj += "<td>";
//     strObj += key[0].toUpperCase() + key.slice(1);
//     strObj += "</td>";
//     strObj += "<td>";
//     strObj += value;
//     strObj += "</td>";
//     strObj += "</tr>";
//   }
//   strObj += "</table>";
//   document.write(strObj);
// }

// Задание на синий пояс.

// const someTree = {
//   tagName: "table", //html tag
//   subTags: [
//     //вложенные тэги
//     {
//       tagName: "tr",
//       subTags: [
//         {
//           tagName: "td",
//           text: "some text",
//         },
//         {
//           tagName: "td",
//           text: "some text 2",
//         },
//       ],
//     },
//   ],
//   attrs: {
//     border: 1,
//   },
// };

// let constructor = "";
// let countTables = 0;

// constructor += `<${someTree.tagName} ${[...Object.keys(someTree.attrs)]}='${
//   someTree.attrs.border
// }' class='obj${++countTables}' style='margin: 1vh;'>`;
// constructor += `<${someTree.subTags[0].tagName}>`;
// // -----
// constructor += `<${someTree.subTags[0].subTags[0].tagName}>`;
// constructor += `${someTree.subTags[0].subTags[0].text}`;
// constructor += `</${someTree.subTags[0].subTags[0].tagName}>`;
// // -----
// constructor += `<${someTree.subTags[0].subTags[1].tagName}>`;
// constructor += `${someTree.subTags[0].subTags[1].text}`;
// constructor += `</${someTree.subTags[0].subTags[1].tagName}>`;
// // -----
// constructor += `</${someTree.subTags[0].tagName}>`;
// constructor += `</${someTree.tagName}>`;

// document.write(constructor); // данный конструктор не гибкий, работает пока-что только для заданного варианта, в дальнейшем, сделаю конструктор гибким

// destruct array

// let arr = [1, 2, 3, 4, 5, "a", "b", "c"];
// let [odd1, even1, odd2, even2, odd3, ...letters] = arr;
// console.log(odd1, even1, odd2, even2, odd3, letters);

// destruct string

// let arr = [1, "abc"];
// let [number, [...[s1, s2, s3]]] = arr;
// console.log(number, s1, s2, s3);

// destruct 2

// let obj = {
//   name: "Ivan",
//   surname: "Petrov",
//   children: [{ name: "Maria" }, { name: "Nikolay" }],
// };
// let { name: nameObj, sursname: surnameObj, children: childrenNames } = obj;
// let [{ name: name1 }, { name: name2 }] = childrenNames;
// console.log(name1, name2);

// destruct 3

// let arr = [1, 2, 3, 4, 5, 6, 7, 10];
// let { 0: a, 1: b, length } = arr;
// console.log(a, b, length);