Array Const pada JavaScript

Array Const pada JavaScript

Berikut ini adalah contoh penggunaan array const pada JavaScript dan penerapannya dengan HTML

JavaScript
const fruits = ['Apel', 'Jeruk', 'Mangga'];

fruits.forEach(fruit => {
  document.getElementById('fruits-list').innerHTML += `<li>${fruit}</li>`;
});
JavaScript
HTML
<ul id="fruits-list"></ul>
HTML

Dalam 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.