Berikut ini adalah contoh penggunaan array const pada JavaScript dan penerapannya dengan HTML
const fruits = ['Apel', 'Jeruk', 'Mangga'];
fruits.forEach(fruit => {
document.getElementById('fruits-list').innerHTML += `<li>${fruit}</li>`;
});
JavaScript<ul id="fruits-list"></ul>
HTMLDalam contoh di atas, kita menggunakan array const dengan nama fruits
yang berisi beberapa buah. Kemudian, kita menggunakan metode forEach
untuk melakukan iterasi pada setiap elemen dalam array fruits
. Setiap elemen akan ditambahkan sebagai elemen <li>
dalam elemen dengan id fruits-list
pada halaman HTML.
Output:
See the Pen Array Const pada JavaScript by De Orchids (@De-Orchids) on CodePen.
Dengan menggunakan array const, kita dapat memastikan bahwa nilai dari array tersebut tidak dapat diubah setelah dideklarasikan. Hal ini berguna untuk mencegah perubahan yang tidak disengaja atau tidak diinginkan pada nilai array.
Dalam contoh di atas, kita menggunakan array const untuk menyimpan daftar buah-buahan. Kita kemudian mengiterasi setiap elemen dalam array tersebut dan menambahkannya sebagai elemen daftar dalam halaman HTML.
Dengan menggunakan array const, kita dapat memastikan bahwa daftar buah-buahan yang ditampilkan dalam halaman HTML tidak akan berubah secara tidak sengaja atau tidak diinginkan.
Dengan demikian, kita telah melihat contoh penggunaan array const dalam JavaScript dan penerapannya dengan HTML. Dengan menggunakan array const, kita dapat memastikan keamanan nilai array dan mencegah perubahan yang tidak diinginkan.