Contoh Array pada JavaScript

Contoh Array pada JavaScript

Berikut ini adalah beberapa Contoh Array pada JavaScript

  1. Membuat Array
JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];
JavaScript

2. Mengakses Nilai dalam Array

JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];

console.log(fruits[0]); // Output: Apel
console.log(fruits[2]); // Output: Mangga
JavaScript

3. Mengubah Nilai dalam Array

JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];

fruits[1] = 'Anggur';

console.log(fruits); // Output: ['Apel', 'Anggur', 'Mangga', 'Pisang']
JavaScript

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']
JavaScript

5. Menghapus Nilai dari Array

JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];

fruits.pop();

console.log(fruits); // Output: ['Apel', 'Jeruk', 'Mangga']
JavaScript

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']
JavaScript

7. Mengurutkan Array

JavaScript
let fruits = ['Jeruk', 'Apel', 'Mangga', 'Pisang'];

fruits.sort();

console.log(fruits); // Output: ['Apel', 'Jeruk', 'Mangga', 'Pisang']
JavaScript

8. Menghitung Jumlah Nilai dalam Array

JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];

console.log(fruits.length); // Output: 4
JavaScript

9. Menggunakan Metode forEach untuk Melakukan Iterasi pada Array

JavaScript
let fruits = ['Apel', 'Jeruk', 'Mangga', 'Pisang'];

fruits.forEach(function(fruit) {
  console.log(fruit);
});
JavaScript

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]
JavaScript

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
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>
JavaScript

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

Your email address will not be published. Required fields are marked *