JavaScript/array2.html at main · rizkynr57/JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
// Mengakses data array
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<div id="dividx"></div>
<script>
var mobil = ["Avanza", "Agya", "Ayla","Fortuner","BMW", "Kijang"];
var mobilPertama = mobil[0];
var mobilTerakhir = mobil[mobil.length -1];
console.log("Mobil Pertama adalah "+mobilPertama);
console.log("Mobil Terakhir adalah "+mobilTerakhir);
document.getElementById('divid').innerHTML="Mobil Pertama adalah "+mobilPertama;
document.getElementById('dividx').innerHTML="Mobil Terakhir adalah "+mobilTerakhir;
</script>
</body>
</html>

// Mengubah array menjadi string (.toString)
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<script>
var mobil = ["Avanza", "Agya", "Ayla"];
var buah = ["pisang", "pepaya", "rambutan"];
console.log("Saya telah memiliki banyak mobil antara lain "+mobil.toString());
document.getElementById('divid').innerHTML="Saya suka buah-buahan "+buah.toString();
</script>
</body>
</html>

// Mengubah array menjadi string (.join)
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<script>
var mobil = ["Avanza", "Agya", "Ayla"];
var buah = ["pisang", "pepaya", "rambutan"];
console.log("Saya telah memiliki banyak mobil antara lain "+mobil.join(" * "));
document.getElementById('divid').innerHTML="Saya suka buah-buahan "+buah.join(" dan ");
</script>
</body>
</html>

// Mengeluarkan data dari array (.pop)
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<script>
var mobil = ["Avanza", "Agya", "Ayla"];
mobil.pop();
document.getElementById("divid").innerHTML = mobil;
</script>
</body>
</html>

// Memasukan data ke array (.push)
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<script>
var mobil = ["Avanza", "Agya", "Ayla"];
mobil.push("Fortuner");
console.log("Saya telah memiliki banyak mobil antara lain "+mobil.join(" * "));
</script>
</body>
</html>

// Menggabungkan dua array (.concat)
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<script>
var mobilMahal = ["FOrtuner", "Lamborghini"];
var mobilBudget = ["Avanza", "Agya", "Ayla"];
var mobil=mobilBudget.concat(mobilMahal);
document.getElementById("divid").innerHTML = mobil;
</script>
</body>
</html>

// Menggabungkan tiga array (.concat)
<!DOCTYPE html>
<html>
<body>
<div id="divid"></div>
<script>
var mobil = ["Avanza", "Agya", "Ayla"];
var teks, i;
teks ="<ul>";
for(i=0; i < mobil.length; i++)
{
    teks += "<li>"+mobil[i]+"</li>";
}
teks +="</ul>";
document.getElementById("divid").innerHTML = teks;
</script>
</body>
</html>