js4online_homework/05/main.js

// 3 persons///////////////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
}

var b = {
   name: "Petr",
   surname: "Petrov",
}

var c = {
   name: "Stepan",
   surname: "Stepanov",
}


// different fields////////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",
}

var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}

var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}



// fields check////////////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",

}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}
if ('sex' in a) {
   alert("found word in a!")
}
if ('fathername' in b) {
   alert("found word in b!")
}
if (typeof { age: 33 } === 'object') { alert("found in c!") }



// array of persons////////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",

}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}
var persons = []
persons.push(a, b, c, {
   name: "Vasya", surname: "Vasiliev", fathername: "Vasilievich"
})
console.log(persons)



// loop of persons//////////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",

}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}
var persons = []
persons.push(a, b, c, {
   name: "Vasya", surname: "Vasiliev", fathername: "Vasilievich"
})
for (let i = 0; i < persons.length; i++) {
   console.log(persons[i]);
}



// loop of name and surname//////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",

}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}
var persons = []
persons.push(a, b, c, {
   name: "Vasya", surname: "Vasiliev", fathername: "Vasilievich"
})
for (let i = 0; i < persons.length; i++) {
   console.log(persons[i].name, persons[i].surname);
}


// loop of loop of values////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",

}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}
var persons = []
persons.push(a, b, c, {
   name: "Vasya", surname: "Vasiliev", fathername: "Vasilievich"
})
for (let i = 0; i < persons.length; i++) {
   for (let values in persons[i]) { console.log(persons[i][values]); }
}


// fullName///////////////////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   sex: "male",

}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   age: 33,
}
var persons = []
persons.push(a, b, c, {
   name: "Vasya", surname: "Vasiliev", fathername: "Vasilievich"
})
for (let i = 0; i < persons.length; i++) {
   if (persons[i].name && persons[i].surname) {
      persons[i].fullName = persons[i].name + " " + persons[i].surname;
   }
   else if (persons[i].fathername) { persons[i].fullName = persons[i].name + " " + persons[i].fathername + " " + persons[i].surname; }

   console.log(persons[i].fullName)
}


// serialize//////////////////////////////////
JSON.stringify(persons)


// deserialize////////////////////////////////
persons.push(JSON.parse('{"name":"Steve","surname":"Jobs","sex":"male"}'))
console.log(persons)

// HTML///////////////////////////////////////
var str = "<table border='1'>\n"
for (let i = 0; i < persons.length; i++) {

   console.log(persons[i]);
   str += `<tr><td>${persons[i].name}</td>\n
   <td>${persons[i].surname}</td></tr>\n`
}
str += "</table>"

console.log(str)
document.write(str)

// HTML optional fields///////////////////////
var a = {
   name: "Ivan",
   surname: "Ivanov",
   fathername: "Ivanovich",
   sex: "male",
   age: 33,
}
var b = {
   name: "Petr",
   surname: "Petrov",
   fathername: "Petrovich",
   sex: "male",
   age: 33,
}
var c = {
   name: "Stepan",
   surname: "Stepanov",
   fathername: "Stepanovich",
   sex: "male",
   age: 33,
}
var persons1 = []
persons1.push(a, b, c, {
   name: "Vasya", surname: "Vasiliev", fathername: "Vasilievich", sex: "male", age: 33,
})
for (let i = 0; i < persons1.length; i++) {
   console.log(persons1[i]);
}
var str = "<table border='1'>"
for (let i = 0; i < persons1.length; i++) {

   console.log(persons1[i]);
   str += `<tr><td>${persons1[i].name}</td><td>${persons1[i].surname}</td>
   <td>${persons1[i].fathername}</td><td>${persons1[i].age}</td><td>${persons1[i].sex}</td></tr>`
}
str += "</table>"
console.log(str)
document.write(str)



// HTML tr color//////////////////////////////
var str = "<table border='1'>"
for (let i = 0; i < persons1.length; i++) {
   console.log(persons1[i]);
   if (i % 2 === 0) {
      str += `<tr style="background-color:maroon"><td>${persons1[i].name}</td><td>${persons1[i].surname}</td>
   <td>${persons1[i].fathername}</td><td>${persons1[i].age}</td><td>${persons1[i].sex}</td></tr>`
   }
   else {
      str += `<tr><td>${persons1[i].name}</td><td>${persons1[i].surname}</td>
   <td>${persons1[i].fathername}</td><td>${persons1[i].age}</td><td>${persons1[i].sex}</td></tr>`
   }
}
str += "</table>"
console.log(str)
document.write(str)


// HTML th optional///////////////////////////



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


// destruct string///////////////////////////
let arr2 = [1, "abc"]
let number = arr2[0];
let s1 = arr2[1][0];
let s2 = arr2[1][1];
let s3 = arr2[1][2];
console.log(number);
console.log(s1, s2, s3);


// destruct 2///////////////////////////////
let obj = {
   name: 'Ivan',
   surname: 'Petrov', children: [{ name: 'Maria' }, { name: 'Nikolay' }]
}
let { name: name1 } = obj.children[0]
let { name: name2 } = obj.children[1]
console.log(name1, name2)


// destruct 3///////////////////////////////
let arr3 = [1, 2, 3, 4, 5, 6, 7, 10];
let [a, b] = arr3
let length = arr3.length;
console.log(a, b, length)