|
@@ -1,4 +1,3 @@
|
|
|
-
|
|
|
//3 persons
|
|
|
|
|
|
var a={
|
|
@@ -49,9 +48,9 @@ var persons=[a,b,c,{name:"Inna",surname:"Kukushkina"}];
|
|
|
for(var i=0;i<persons.length;i++){
|
|
|
console.log(persons[i]);
|
|
|
}
|
|
|
+console.log("///////////////////////////////////////////////////");
|
|
|
|
|
|
//loop of fields loop of persons
|
|
|
-console.log("\n");
|
|
|
for(var i=0;i<persons.length;i++){
|
|
|
console.log("{");
|
|
|
for(var key in persons[i]){
|
|
@@ -61,6 +60,7 @@ for(var i=0;i<persons.length;i++){
|
|
|
}
|
|
|
console.log("}");
|
|
|
}
|
|
|
+console.log("///////////////////////////////////////////////////");
|
|
|
|
|
|
//loop of loop of keys
|
|
|
|
|
@@ -74,6 +74,7 @@ for(var i=0;i<persons.length;i++){
|
|
|
}
|
|
|
console.log("}");
|
|
|
}
|
|
|
+console.log("///////////////////////////////////////////////////");
|
|
|
|
|
|
//loop of loop with optional fields
|
|
|
|
|
@@ -91,6 +92,7 @@ for(var i=0;i<persons.length;i++){
|
|
|
}
|
|
|
console.log("}");
|
|
|
}
|
|
|
+console.log("///////////////////////////////////////////////////");
|
|
|
|
|
|
//fullName
|
|
|
|
|
@@ -102,6 +104,7 @@ for(var i=0;i<persons.length;i++){
|
|
|
}
|
|
|
console.log(persons[i].fullName);
|
|
|
}
|
|
|
+console.log("///////////////////////////////////////////////////");
|
|
|
|
|
|
//serialize
|
|
|
|
|
@@ -111,6 +114,7 @@ for(var i=0;i<persons.length;i++){
|
|
|
}
|
|
|
|
|
|
//deserialize
|
|
|
+
|
|
|
var personsDublicate=[];
|
|
|
for(var i=0;i<strArr.length;i++){
|
|
|
personsDublicate[i]=JSON.parse(strArr[i]);
|
|
@@ -119,26 +123,28 @@ console.log(personsDublicate[0]);
|
|
|
persons[persons.length]=personsDublicate[0];
|
|
|
console.log("");
|
|
|
console.log(persons);
|
|
|
+console.log("///////////////////////////////////////////////////");
|
|
|
|
|
|
-//HTML
|
|
|
-
|
|
|
-var HTMLtable="<table><tr><th>Name</th><th>Surname</th></tr>";
|
|
|
+//HTML th optional + color
|
|
|
|
|
|
-for(var j=0;j<persons.length;j++)
|
|
|
-{
|
|
|
- HTMLtable+="<tr><td>"+persons[j].name+"</td><td>"+persons[j].surname+"</td></tr>";
|
|
|
+var HTMLtableOptional="<table><style>table{border-spacing:0;font-family:sans-serif;}td,th{border:solid 1px silver;width:80px;color:gray;}th{background:silver;color:white;}</style>";
|
|
|
+var generalPerson={};
|
|
|
+for(var i=0;i<persons.length;i++){
|
|
|
+ for(var key in persons[i]){
|
|
|
+ generalPerson[key]=persons[i][key];
|
|
|
+ }
|
|
|
}
|
|
|
-document.write(HTMLtable);
|
|
|
-
|
|
|
-//HTML tr color
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+HTMLtableOptional+="<tr>";
|
|
|
+for(var i=0;i<Object.keys(generalPerson).length;i++){
|
|
|
+ HTMLtableOptional+="<th>"+Object.keys(generalPerson)[i]+"</th>";
|
|
|
+}
|
|
|
+HTMLtableOptional+="</tr>";
|
|
|
+for(var i=0;i<persons.length;i++){
|
|
|
+ HTMLtableOptional+="<tr>";
|
|
|
+ for(var key in generalPerson){
|
|
|
+ persons[i][key] ? HTMLtableOptional+="<td>"+persons[i][key]+"</td>" : HTMLtableOptional+="<td></td>";
|
|
|
+ }
|
|
|
+ HTMLtableOptional+="</tr>";
|
|
|
+}
|
|
|
+HTMLtableOptional+="</table>";
|
|
|
+document.write(HTMLtableOptional);
|