js05_Romanenko/js05_Romanenko.js

//3 persons && different fields
//like object
var a = {
    name: "Vasiliy",
    surname: "Vasiliev"
};
a.age = "30";

var b = {
    name: "Anna",
    surname: "Karenina"
};
b.fathername = "Arkadievna";

var c = {
    name: "Pavlik",
    surname: "Morozov"
};
c.sex = "male";
//using Map
var a = new Map([
    ['name', 'Vasiliy'],
    ['surname', 'Vasiliev']
]);
a.set('age', '30');

var b = new Map([
    ['name', 'Anna'],
    ['surname', 'Karenina']
]);
b.set('fathername', 'Arkadievna');

var c = new Map([
    ['name', 'Pavlik'],
    ['surname', 'Morozov']
]);
c.set('sex', 'male');



//fields check
//like object
// var a = {name: "Vasiliy", surname: "Vasiliev", age: "30"};
// if("age" in a){
//     alert( key +' : '+ a.age);
// }else{};


var a = { name: "Vasiliy", surname: "Vasiliev", age: "30" };
for (key in a) {
    if (key !== 'name' && key !== 'surname') {
        alert(key);
    }
}

var b = { name: "Anna", surname: "Karenina", fathername: "Arkadievna" };
for (key in b) {
    if (key !== 'name' && key !== 'surname') {
        alert(key);
    }
}


var c = { name: "Pavlik", surname: "Morozov", sex: "male" };
for (key in c) {
    if (key !== 'name' && key !== 'surname') {
        alert(key);
    }
}
//using Map        
// var a = new Map([
//     ['name', 'Vasiliy'],
//     ['supname', 'Vasiliev'],
//     ['age', '30']
// ]);

// var b = new Map([
//     ['name', 'Anna'],
//     ['supname', 'Karenina'],
//     ['fathername', 'Arkadievna']
// ]);

// var c = new Map([
//     ['name', 'Pavlik'],
//     ['supname', 'Morozov'],
//     ['sex', 'male']
// ]);


//array of persons
var persons = [];
persons.push(a);
persons.push(b);
persons.push(c);
console.log(persons);


// loop of persons

for (i = 0; i <= persons.length; i++) {
    console.log(persons[i])
}

//loop of name and surname
for (i = 0; i <= persons.length; i++) {
    for (key in persons[i]) {
        if (key == 'name' || key == 'surname') {
            console.log(key + ": " + persons[i][key]);
        }
    }
}




// loop of loop of values
for (i = 0; i <= persons.length; i++) {
    for (key in persons[i]) {
        if (key == 'name' || key == 'surname') {
            console.log(persons[i][key]);
        }
    }
}



// fullName
for (i = 0; i <= persons.length; i++) {
    for (key in persons[i]) {
        if (key == 'fathername') {
            persons[i].fullName =  persons[i].name+' '+ persons[i].surname+" "+ persons[i].fathername;
            console.log(persons[i])
        }
    }
}



// serialize
// persons = [
// a = {name: "Vasiliy", surname: "Vasiliev", age: "30"}
// b = {name: "Anna", surname: "Karenina", fathername: "Arkadievna", fullName: "Anna Karenina Arkadievna"}
// c = {name: "Pavlik", surname: "Morozov", sex: "male"}
// ]

var jsonPersons = JSON.stringify(persons);
console.log(jsonPersons);


// deserialize
var person = JSON.parse(jsonPersons);
console.log(persons);



// HTML

// var str = "<table border='1'>"
// for (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)// some strange mistake



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 table = "<table border='1'>"
   var tr = ""
   var td = ""
   for(let i = 0;i<=persons.length;i++){
       tr += "<tr>" + td + "</tr>"
       td = ""
       for(key in persons[i]){
           td += "<td>" + persons[i][key] + "</td>"
       }
   }
   table+= tr+ "</table>"
   document.write(table)


// HTML tr color
var table = "<table border='1'>"
   var tr = ""
   var td = ""
   for(let i = 0;i<=persons.length;i++){
        if(i%2 !== 0){tr = tr + "<tr bgcolor=green>" + td + "</tr>"}
            else{ tr += "<tr>" + td + "</tr>"}
       td = ""
       for(key in persons[i]){
           td +=  "<td>" + persons[i][key] + "</td>"
       }
   }
   table+=tr+ "</table>"
   document.write(table)