Multidimensional Array #JavaScript Dasar 13
Multidimensional Array #JavaScript Dasar 13
Multidimensional Array #JavaScript Dasar 13
Multidimensional Array #JavaScript Dasar 13
Multidimensional Array #JavaScript Dasar 13
Multidimensional Array #JavaScript Dasar 13
Feb 19, 2024





Kali ini, saya akan membahas tentang array multidimensi dalam JavaScript, salah satu konsep dasar yang harus kamu pahami jika kamu ingin belajar bahasa pemrograman web yang satu ini. Yuk, simak penjelasan dan contoh array multidimensi dalam JavaScript berikut ini!
Apa itu Array Multidimensi?
Array multidimensi adalah array yang berisi array lain sebagai elemennya. Array multidimensi dapat digunakan untuk menyimpan data yang memiliki hubungan hierarki atau relasi antara elemen. Misalnya, array multidimensi dapat merepresentasikan matriks, tabel, graf, atau peta.
Bagaimana Cara Membuat Array Multidimensi?
Untuk membuat array multidimensi dalam JavaScript, kita dapat menggunakan notasi array literal, yaitu tanda kurung siku [] yang berisi elemen-elemen array. Setiap elemen array dapat berupa array lain, sehingga membentuk array multidimensi. Contoh:
// array multidimensi 2x3
let matrix = [
[1, 2, 3],
[4, 5, 6]
];
// array multidimensi 3x3x3
let cube = [
[
[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]
]
];
Bagaimana Cara Mengakses Elemen Array Multidimensi?
Untuk mengakses elemen array multidimensi, kita dapat menggunakan indeks yang sesuai dengan posisi elemen dalam array. Indeks dimulai dari nol, sehingga untuk mengakses elemen pertama dari array pertama, kita gunakan indeks [0][0]. Untuk mengakses elemen kedua dari array ketiga, kita gunakan indeks [2][1], dan seterusnya. Contoh:
// mengakses elemen array multidimensi 2x3
console.log(matrix[0][0]); // 1
console.log(matrix[0][1]); // 2
console.log(matrix[1][2]); // 6
// mengakses elemen array multidimensi 3x3x3
console.log(cube[0][0][0]); // 1
console.log(cube[1][1][1]); // 14
console.log(cube[2][2][2]); // 27
Bagaimana Cara Mengolah Array?
Untuk menambahkan atau menghapus elemen array multidimensi, kita dapat menggunakan metode array seperti push(), pop(), splice(), dan lain-lain. Metode-metode ini dapat memanipulasi elemen array baik di level terluar maupun di level dalam. Contoh:
// menambahkan elemen di akhir array multidimensi 2x3
matrix.push([7, 8, 9]); // array menjadi 3x3
console.log(matrix);
// menghapus elemen di awal array multidimensi 3x3x3
cube.shift(); // array menjadi 2x3x3
console.log(cube);
// menyisipkan elemen di tengah array multidimensi 2x3x3
cube[0].splice(1, 0, [28, 29, 30]); // array menjadi 2x4x3
console.log(cube);
Untuk mengiterasi elemen array multidimensi, kita dapat menggunakan perulangan bersarang, yaitu perulangan di dalam perulangan. Perulangan luar akan mengiterasi elemen array terluar, sedangkan perulangan dalam akan mengiterasi elemen array dalam. Contoh:
// mengiterasi elemen array multidimensi 2x3
for (let i = 0; i < matrix.length; i++) {
// i adalah indeks array terluar
for (let j = 0; j < matrix[i].length; j++) {
// j adalah indeks array dalam
console.log(matrix[i][j]); // menampilkan elemen array
}
}
// mengiterasi elemen array multidimensi 3x3x3
for (let i = 0; i < cube.length; i++) {
// i adalah indeks array terluar
for (let j = 0; j < cube[i].length; j++) {
// j adalah indeks array tengah
for (let k = 0; k < cube[i][j].length; k++) {
// k adalah indeks array dalam
console.log(cube[i][j][k]); // menampilkan elemen array
}
}
}
Penutup
Demikianlah artikel mengenai array multidimensi dalam JavaScript untuk kamu. Semoga artikel ini bisa memberikan kamu pemahaman yang jelas dan mudah tentang array, dan menginspirasi kamu untuk belajar lebih dalam tentang JavaScript.
JavaScript adalah bahasa pemrograman web yang sangat populer dan berguna, yang wajib kamu kuasai jika kamu ingin menjadi developer yang handal.
Kali ini, saya akan membahas tentang array multidimensi dalam JavaScript, salah satu konsep dasar yang harus kamu pahami jika kamu ingin belajar bahasa pemrograman web yang satu ini. Yuk, simak penjelasan dan contoh array multidimensi dalam JavaScript berikut ini!
Apa itu Array Multidimensi?
Array multidimensi adalah array yang berisi array lain sebagai elemennya. Array multidimensi dapat digunakan untuk menyimpan data yang memiliki hubungan hierarki atau relasi antara elemen. Misalnya, array multidimensi dapat merepresentasikan matriks, tabel, graf, atau peta.
Bagaimana Cara Membuat Array Multidimensi?
Untuk membuat array multidimensi dalam JavaScript, kita dapat menggunakan notasi array literal, yaitu tanda kurung siku [] yang berisi elemen-elemen array. Setiap elemen array dapat berupa array lain, sehingga membentuk array multidimensi. Contoh:
// array multidimensi 2x3
let matrix = [
[1, 2, 3],
[4, 5, 6]
];
// array multidimensi 3x3x3
let cube = [
[
[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]
]
];
Bagaimana Cara Mengakses Elemen Array Multidimensi?
Untuk mengakses elemen array multidimensi, kita dapat menggunakan indeks yang sesuai dengan posisi elemen dalam array. Indeks dimulai dari nol, sehingga untuk mengakses elemen pertama dari array pertama, kita gunakan indeks [0][0]. Untuk mengakses elemen kedua dari array ketiga, kita gunakan indeks [2][1], dan seterusnya. Contoh:
// mengakses elemen array multidimensi 2x3
console.log(matrix[0][0]); // 1
console.log(matrix[0][1]); // 2
console.log(matrix[1][2]); // 6
// mengakses elemen array multidimensi 3x3x3
console.log(cube[0][0][0]); // 1
console.log(cube[1][1][1]); // 14
console.log(cube[2][2][2]); // 27
Bagaimana Cara Mengolah Array?
Untuk menambahkan atau menghapus elemen array multidimensi, kita dapat menggunakan metode array seperti push(), pop(), splice(), dan lain-lain. Metode-metode ini dapat memanipulasi elemen array baik di level terluar maupun di level dalam. Contoh:
// menambahkan elemen di akhir array multidimensi 2x3
matrix.push([7, 8, 9]); // array menjadi 3x3
console.log(matrix);
// menghapus elemen di awal array multidimensi 3x3x3
cube.shift(); // array menjadi 2x3x3
console.log(cube);
// menyisipkan elemen di tengah array multidimensi 2x3x3
cube[0].splice(1, 0, [28, 29, 30]); // array menjadi 2x4x3
console.log(cube);
Untuk mengiterasi elemen array multidimensi, kita dapat menggunakan perulangan bersarang, yaitu perulangan di dalam perulangan. Perulangan luar akan mengiterasi elemen array terluar, sedangkan perulangan dalam akan mengiterasi elemen array dalam. Contoh:
// mengiterasi elemen array multidimensi 2x3
for (let i = 0; i < matrix.length; i++) {
// i adalah indeks array terluar
for (let j = 0; j < matrix[i].length; j++) {
// j adalah indeks array dalam
console.log(matrix[i][j]); // menampilkan elemen array
}
}
// mengiterasi elemen array multidimensi 3x3x3
for (let i = 0; i < cube.length; i++) {
// i adalah indeks array terluar
for (let j = 0; j < cube[i].length; j++) {
// j adalah indeks array tengah
for (let k = 0; k < cube[i][j].length; k++) {
// k adalah indeks array dalam
console.log(cube[i][j][k]); // menampilkan elemen array
}
}
}
Penutup
Demikianlah artikel mengenai array multidimensi dalam JavaScript untuk kamu. Semoga artikel ini bisa memberikan kamu pemahaman yang jelas dan mudah tentang array, dan menginspirasi kamu untuk belajar lebih dalam tentang JavaScript.
JavaScript adalah bahasa pemrograman web yang sangat populer dan berguna, yang wajib kamu kuasai jika kamu ingin menjadi developer yang handal.
Related posts
Aug 2023
The Future of UX: Embracing AI and Machine Learning
In the ever-evolving landscape of technology, AI and machine learning have emerged as pivotal elements in shaping the future of UI/UX design.

Aug 2023
The Future of UX: Embracing AI and Machine Learning
In the ever-evolving landscape of technology, AI and machine learning have emerged as pivotal elements in shaping the future of UI/UX design.

Aug 2023
The Future of UX: Embracing AI and Machine Learning
In the ever-evolving landscape of technology, AI and machine learning have emerged as pivotal elements in shaping the future of UI/UX design.

Mar 2023
Designing for Accessibility: A UI/UX Designer's Guide
Accessibility in design is not just a trend or a regulatory checkbox; it's a fundamental aspect of creating inclusive digital experiences.

Mar 2023
Designing for Accessibility: A UI/UX Designer's Guide
Accessibility in design is not just a trend or a regulatory checkbox; it's a fundamental aspect of creating inclusive digital experiences.

Mar 2023
Designing for Accessibility: A UI/UX Designer's Guide
Accessibility in design is not just a trend or a regulatory checkbox; it's a fundamental aspect of creating inclusive digital experiences.

Feb 2023
Minimalism in UI Design: More Than Just Aesthetics
The minimalist approach in UI design is often celebrated for its clean lines and uncluttered spaces, but it embodies much more than just a visual style.

Feb 2023
Minimalism in UI Design: More Than Just Aesthetics
The minimalist approach in UI design is often celebrated for its clean lines and uncluttered spaces, but it embodies much more than just a visual style.

Feb 2023
Minimalism in UI Design: More Than Just Aesthetics
The minimalist approach in UI design is often celebrated for its clean lines and uncluttered spaces, but it embodies much more than just a visual style.
