Berikut ini adalah beberapa Contoh Array pada JavaScript
- Membuat Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];2. Mengakses Nilai dalam Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
console.log(fruits[0]); // Output: Apel
console.log(fruits[2]); // Output: Mangga3. Mengubah Nilai dalam Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
fruits[1] = 'Anggur';
console.log(fruits); // Output: ['Apel', 'Anggur', 'Mangga', 'Pisang']4. Menambahkan Nilai ke dalam Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
fruits.push('Durian');
console.log(fruits); // Output: ['Apel', 'Jeruk', 'Mangga', 'Pisang', 'Durian']5. Menghapus Nilai dari Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
fruits.pop();
console.log(fruits); // Output: ['Apel', 'Jeruk', 'Mangga']6. Menggabungkan Dua Array
JavaScript
let fruits1 = ['Apel', 'Jeruk'];
let fruits2 = ['Mangga', 'Pisang'];
let combinedFruits = fruits1.concat(fruits2);
console.log(combinedFruits); // Output: ['Apel', 'Jeruk', 'Mangga', 'Pisang']7. Mengurutkan Array
JavaScript
let fruits = ['Jeruk', 'Apel', 'Mangga', 'Pisang'];
fruits.sort();
console.log(fruits); // Output: ['Apel', 'Jeruk', 'Mangga', 'Pisang']8. Menghitung Jumlah Nilai dalam Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
console.log(fruits.length); // Output: 49. Menggunakan Metode forEach untuk Melakukan Iterasi pada Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
fruits.forEach(function(fruit) {
console.log(fruit);
});10. Menggunakan Metode map untuk Membuat Array Baru
JavaScript
let numbers = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map(function(number) {
return number * 2;
});
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]Contoh lain
JavaScript
// Contoh penggabungan array pada JavaScript
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = array1.concat(array2);
console.log(combinedArray);JavaScript
<!-- Penerapan penggabungan array pada HTML -->
<!DOCTYPE html>
<html>
<head>
<title>Penggabungan Array</title>
</head>
<body>
<h1>Hasil Penggabungan Array</h1>
<ul id="combinedArray"></ul>
<script>
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = array1.concat(array2);
const combinedArrayElement = document.getElementById("combinedArray");
combinedArray.forEach(item => {
const li = document.createElement("li");
li.textContent = item;
combinedArrayElement.appendChild(li);
});
</script>
</body>
</html>Output:
See the Pen Contoh Array pada JavaScript by De Orchids (@De-Orchids) on CodePen.
Dengan menggunakan contoh-contoh di atas, Anda dapat memahami penggunaan JavaScript Arrays, semoga bermanfaat untuk bahan pembelajaran
Leave a Reply