<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 3 persons
let a = {
name: "Andrey",
surname: "Ivanov",
}
let b = {
name: "Igor",
surname: "Vasin",
}
let c = {
name: "Oleg",
surname: "Petrov",
}
//different fields
let a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
}
let b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
}
let c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
}
//fields check
let a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
}
let b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
}
let c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
}
if ("sex" in a) {
alert(a.sex)
} if ("age" in a) {
alert(a.age)
} if ("sex" in b) {
alert(b.sex)
} if ("age" in b) {
alert(b.age)
} if ("sex" in c) {
alert(c.sex)
} if ("age" in c) {
alert(c.age)
}
//array of persons
let arraypersons = [a, b, c, { name: 'Daniil', surname: 'Kovalev', fathername: "Alexandrovich", age: 30 }]
//loop of persons
let persons = [
a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
},
b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
},
c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
}
]
for (i = 0; i < persons.length; i++) {
console.log(persons[i].name + " " + persons[i].surname)
}
//loop of loop of values
let persons = [
a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
},
b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
},
c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
}
]
for (i = 0; i < persons.length; i++) {
for (let key in persons[i]) {
console.log(persons[i][key])
}
}
//fullName
let persons = [
a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
},
b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
},
c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
}
]
for (let newkey of persons) {
if (newkey.name && newkey.surname) {
newkey.fullName = newkey.name + ' ' + newkey.surname;
}
} console.log(persons)
//serialize
JSON.stringify(persons)
'[{"name":"Andrey","surname":"Ivanov","fathername":"Andreevich","age":21,"sex":"male"},{"name":"Igor","surname":"Vasin","fathername":"Igorevich","age":31},{"name":"Oleg","surname":"Petrov","fathername":"Olegovich"}]'
//deserialize
'{"name":"Anna","surname":"Petrova","fathername":"Igorevna","age":24}'
let d = '{"name":"Anna","surname":"Petrova","fathername":"Igorevna","age":24}'
d = JSON.parse('{"name":"Anna","surname":"Petrova","fathername":"Igorevna","age":24}')
persons[3] = d;
console.log(persons)
// HTML
let persons = [
a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
},
b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
},
c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
},
d = {
name: "Anna",
surname: "Petrova",
fathername: "Igorevna",
age: 24
}
]
let str = "<table border='1' cols = 4>"
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
let persons = [
a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
},
b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
},
c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
},
d = {
name: "Anna",
surname: "Petrova",
fathername: "Igorevna",
age: 24
}
]
let str = "<table border='1' cols = 4>"
arraypersons.map (persons => {
str += `<tr>`
Object.values(persons).map(value => str += `<td>${value}</td>`)
str += `</tr>`
})
str += "</table>"
document.write(str)
//HTML tr color
let persons = [
a = {
name: "Andrey",
surname: "Ivanov",
fathername: "Andreevich",
age: 21,
sex: "male"
},
b = {
name: "Igor",
surname: "Vasin",
fathername: "Igorevich",
age: 31
},
c = {
name: "Oleg",
surname: "Petrov",
fathername: "Olegovich"
},
d = {
name: "Anna",
surname: "Petrova",
fathername: "Igorevna",
age: 24
}
]
let str = "<table border='1' cols = 4>"
for (let i = 0; i < 4; i++) {
for (let key in persons[i]) {
str += `<tr style = "color: green; ><td>${key}</td><td>${persons[i][key]}</td></tr>`
}
} str += "</table>"
console.log(str)
document.write(str)
//destruct array
if (key in a, b, c)
//destruct array
let arr = [1, 2, 3, 4, 5, "a", "b", "c"]
let [odd1, even1, odd2, even2, odd3, ...abc] = arr;
//destruct string
let arr = [1, "abc"]
let [number, ...abc] = arr;
let [a, b, c] = "abc";
let [s1, s2, s3] = [a, b, c];
//destruct 2
let obj = {
name: 'Ivan',
surname: 'Petrov',
children: [{ name: 'Maria' }, { name: 'Nikolay' }]
}
let {
children:
[{ name: name1 },
{ name: name2 }
] } = obj;
//destruct 3
let number = [1, 2, 3, 4, 5, 6, 7, 10];
let [a, b] = arr;
let [...length] = arr;
[a,b, ...length]
</script>
</body>
</html>