Array adalah variabel kompleks yang memungkinkan kita untuk menyimpan lebih dari satu nilai atau sekelompok nilai di bawah nama variabel tunggal. Array JavaScript dapat menyimpan nilai apa pun yang valid, termasuk string, angka, objek, fungsi, dan bahkan array lainnya, sehingga memungkinkan untuk membuat struktur data yang lebih kompleks seperti array objek atau array dari array.<\/p>\n\n\n\n
Misalkan kalian ingin menyimpan nama warna dalam kode JavaScript kalian. Menyimpan nama warna satu per satu dalam sebuah variabel bisa terlihat seperti ini:<\/p>\n\n\n
\nvar color1 = "Red";\nvar color2 = "Green";\nvar color3 = "Blue";\n<\/pre><\/div>\n\n\nTetapi apa yang terjadi jika kalian perlu menyimpan nama negara bagian atau kota suatu negara dalam variabel dan kali ini bukan hanya tiga, mungkin ratusan. Cukup sulit dan membosankan untuk menyimpan masing-masing dalam variabel yang terpisah. Juga, menggunakan begitu banyak variabel secara bersamaan dan melacak semuanya akan menjadi tugas yang sangat sulit. Dan di sinilah array berperan. Array menyelesaikan masalah ini dengan menyediakan struktur yang bertujuan untuk menyimpan beberapa nilai atau sekelompok nilai.<\/p>\n\n\n\n
Cara paling sederhana untuk membuat array dalam JavaScript adalah melampirkan daftar nilai yang dipisahkan oleh koma dalam tanda kurung ([]), seperti yang ditunjukkan dalam sintaks berikut:<\/p>\n\n\n
\nvar myArray = [element0, element1, ..., elementN];\n<\/pre><\/div>\n\n\nArray juga dapat dibuat menggunakan konstruktor Array()<\/em> seperti yang ditunjukkan pada sintaks berikut. Namun, agar lebih sederhana, sintaksis sebelumnya lebih disarankan.<\/p>\n\n\n\nvar myArray = new Array(element0, element1, ..., elementN);\n<\/pre><\/div>\n\n\nBerikut adalah beberapa contoh array yang dibuat menggunakan sintaks literal array:<\/p>\n\n\n
\nvar colors = ["Red", "Green", "Blue"]; \nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\nvar cities = ["London", "Paris", "New York"];\nvar person = ["John", "Wick", 32];\n<\/pre><\/div>\n\n\nCatatan: <\/em><\/strong>Array adalah kumpulan nilai yang diurutkan. Setiap nilai dalam array disebut elemen, dan setiap elemen memiliki posisi numerik dalam array, yang dikenal sebagai indeksnya.<\/p>\n\n\n\nMengakses Elemen dari Array<\/h5>\n\n\n\n
Elemen array dapat diakses oleh indeks mereka menggunakan notasi braket persegi. Indeks adalah angka yang mewakili posisi elemen dalam array.<\/p>\n\n\n\n
Indeks array berbasis nol. Ini berarti bahwa item pertama dari sebuah array disimpan pada indeks 0, bukan 1, item kedua disimpan pada indeks 1, dan seterusnya. Indeks array mulai dari 0 dan naik ke jumlah elemen minus 1. Jadi, array dari lima elemen akan memiliki indeks dari 0 hingga 4.<\/p>\n\n\n\n
Contoh berikut akan menunjukkan kepada kalian cara mendapatkan elemen individual array dengan indeksnya.<\/p>\n\n\n
\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\n \ndocument.write(fruits[0]); \/\/ Prints: Apple\ndocument.write(fruits[1]); \/\/ Prints: Banana\ndocument.write(fruits[2]); \/\/ Prints: Mango\ndocument.write(fruits[fruits.length - 1]); \/\/ Prints: Papaya\n<\/pre><\/div>\n\n\nCatatan: <\/em><\/strong>Dalam JavaScript, array sebenarnya hanyalah tipe objek khusus yang memiliki indeks numerik sebagai kunci. Operator typeof<\/em> akan mengembalikan \u201cobjek\u201d untuk array.<\/p>\n\n\n\nMendapatkan Panjang Array<\/h5>\n\n\n\n
Properti length<\/em><\/strong> mengembalikan panjang array, yang dimana merupakan jumlah total elemen yang terkandung dalam array. Panjang array selalu lebih besar dari indeks salah satu elemennya.<\/p>\n\n\n\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\ndocument.write(fruits.length); \/\/ Prints: 5\n<\/pre><\/div>\n\n\nLooping Melalui Elemen Array<\/h5>\n\n\n\n
Kalian bisa menggunakan loop untuk mengakses setiap elemen dari array secara berurutan, seperti ini:<\/p>\n\n\n
\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\n \n\/\/ Iterates over array elements\nfor(var i = 0; i < fruits.length; i++) { \n document.write(fruits[i] + "<br>"); \/\/ Print array element\n}\n<\/pre><\/div>\n\n\nECMAScript 6 telah memperkenalkan cara yang lebih sederhana untuk beralih ke elemen array, yang merupakan for-of loop<\/strong><\/em>. Dalam loop ini kalian tidak perlu menginisialisasi dan melacak variabel counter loop (i)<\/em><\/strong>.<\/p>\n\n\n\nBerikut contoh yang sama ditulis ulang menggunakan for-of loop<\/em><\/strong>:<\/p>\n\n\n\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\n \n\/\/ Iterates over array elements\nfor(var fruit of fruits) { \n document.write(fruit + "<br>"); \/\/ Print array element\n}\n<\/pre><\/div>\n\n\nKalian juga dapat mengulangi elemen array menggunakan for-in loop<\/strong><\/em>, seperti ini:<\/p>\n\n\n\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\n \n\/\/ Loop through all the elements in the array \nfor(var i in fruits) { \n document.write(fruits[i] + "<br>");\n}\n<\/pre><\/div>\n\n\nMenambahkan Elemen Baru ke dalam Array<\/h5>\n\n\n\n
Untuk menambahkan elemen baru di akhir array, cukup gunakan metode push()<\/em><\/strong>, seperti ini:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"]; \ncolors.push("Yellow");\n \ndocument.write(colors); \/\/ Prints: Red,Green,Blue,Yellow\ndocument.write(colors.length); \/\/ Prints: 4\n<\/pre><\/div>\n\n\nDemikian pula, untuk menambahkan elemen baru di awal array gunakan metode unshift()<\/em><\/strong>, seperti ini:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"]; \ncolors.unshift("Yellow");\n \ndocument.write(colors); \/\/ Prints: Yellow,Red,Green,Blue\ndocument.write(colors.length); \/\/ Prints: 4\n<\/pre><\/div>\n\n\nKalian juga dapat menambahkan beberapa elemen sekaligus menggunakan metode push()<\/em><\/strong> dan unshift()<\/em><\/strong>, seperti ini:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"];\ncolors.push("Pink", "Voilet");\ncolors.unshift("Yellow", "Grey");\n \ndocument.write(colors); \/\/ Prints: Yellow,Grey,Red,Green,Blue,Pink,Voilet\ndocument.write(colors.length); \/\/ Prints: 7\n<\/pre><\/div>\n\n\nMenghapus Elemen dari Array<\/h5>\n\n\n\n
Untuk menghapus elemen terakhir dari array, kalian dapat menggunakan metode pop()<\/em><\/strong>. Metode ini mengembalikan nilai yang muncul. Berikut contohnya:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"];\nvar last = colors.pop();\n \ndocument.write(last); \/\/ Prints: Blue\ndocument.write(colors.length); \/\/ Prints: 2\n<\/pre><\/div>\n\n\nDemikian pula, kalian dapat menghapus elemen pertama dari array menggunakan metode shift()<\/strong><\/em>. Metode ini juga mengembalikan nilai yang digeser keluar. Berikut contohnya:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"];\nvar first = colors.shift();\n \ndocument.write(first); \/\/ Prints: Red\ndocument.write(colors.length); \/\/ Prints: 2\n<\/pre><\/div>\n\n\nMenambah atau Menghapus Elemen di Posisi Manapun<\/h5>\n\n\n\n
Metode splice()<\/em><\/strong> adalah metode array yang sangat serbaguna yang memungkinkan kalian untuk menambah atau menghapus elemen dari indeks apa pun, menggunakan sintaks ar.splice (startIndex, deleteCount, elem1, \u2026, elemN)<\/em><\/strong>.<\/p>\n\n\n\nMetode ini membutuhkan tiga parameter: parameter pertama adalah indeks untuk memulai penyambungan array, hal ini diperlukan; parameter kedua adalah jumlah elemen yang akan dihapus (gunakan 0 jika kalian tidak ingin menghapus elemen apa pun), hal ini opsional; dan parameter ketiga adalah serangkaian elemen pengganti, hal ini juga opsional. Contoh berikut menunjukkan cara kerjanya:<\/p>\n\n\n
\nvar colors = ["Red", "Green", "Blue"];\nvar removed = colors.splice(0,1); \/\/ Remove the first element\n \ndocument.write(colors); \/\/ Prints: Green,Blue\ndocument.write(removed); \/\/ Prints: Red (one item array)\ndocument.write(removed.length); \/\/ Prints: 1\n \nremoved = colors.splice(1, 0, "Pink", "Yellow"); \/\/ Insert two items at position one\ndocument.write(colors); \/\/ Prints: Green,Pink,Yellow,Blue\ndocument.write(removed); \/\/ Empty array\ndocument.write(removed.length); \/\/ Prints: 0\n \nremoved = colors.splice(1, 1, "Purple", "Voilet"); \/\/ Insert two values, remove one\ndocument.write(colors); \/\/Prints: Green,Purple,Voilet,Yellow,Blue\ndocument.write(removed); \/\/ Prints: Pink (one item array)\ndocument.write(removed.length); \/\/ Prints: 1\n<\/pre><\/div>\n\n\nMetode splice()<\/em><\/strong> mengembalikan array elemen yang dihapus, atau array kosong jika tidak ada elemen yang dihapus, seperti yang kalian lihat pada contoh di atas. Jika argumen kedua dihilangkan, semua elemen dari awal hingga akhir array dihapus. Tidak seperti metode slice()<\/em> dan concat()<\/em>, metode splice()<\/em> memodifikasi array yang dipanggil.<\/p>\n\n\n\nMembuat String dari Array<\/h5>\n\n\n\n
Mungkin ada situasi di mana kalian hanya ingin membuat string dengan menggabungkan dengan elemen array. Untuk melakukan ini, kalian dapat menggunakan metode join()<\/em><\/strong>. Metode ini mengambil parameter opsional yang merupakan string pemisah yang ditambahkan di antara setiap elemen. Jika kalian menghilangkan pemisah, maka JavaScript akan menggunakan koma(,)<\/em><\/strong> secara default. Contoh berikut menunjukkan cara kerjanya:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"];\n \ndocument.write(colors.join()); \/\/ Prints: Red,Green,Blue\ndocument.write(colors.join("")); \/\/ Prints: RedGreenBlue\ndocument.write(colors.join("-")); \/\/ Prints: Red-Green-Blue\ndocument.write(colors.join(", ")); \/\/ Prints: Red, Green, Blue\n<\/pre><\/div>\n\n\nKalian juga dapat mengubah array menjadi string yang dipisahkan koma menggunakan toString()<\/em><\/strong>. Metode ini tidak menerima parameter pemisah seperti join()<\/em><\/strong>. Berikut contohnya:<\/p>\n\n\n\nvar colors = ["Red", "Green", "Blue"];\ndocument.write(colors.toString()); \/\/ Prints: Red,Green,Blue\n<\/pre><\/div>\n\n\nMengekstrak Bagian dari Array<\/h5>\n\n\n\n
Jika kalian ingin mengekstrak sebagian array (mis. Subarray) tetapi tetap mempertahankan array asli tetap utuh, maka kalian bisa menggunakan metode slice().<\/em><\/strong> Metode ini menggunakan 2 parameter: indeks awal (indeks untuk memulai ekstraksi), dan indeks akhir opsional (indeks sebelum yang mengakhiri ekstraksi), seperti arr.slice(startIndex, endIndex)<\/em><\/strong>. Berikut contohnya:<\/p>\n\n\n\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\nvar subarr = fruits.slice(1, 3);\ndocument.write(subarr); \/\/ Prints: Banana,Mango\n<\/pre><\/div>\n\n\nJika parameter endIndex<\/em><\/strong> dihilangkan, semua elemen ke ujung array diekstraksi. kalian juga dapat menentukan negative indeks atau offset \u2014 dalam hal ini metode slice()<\/em><\/strong> mengekstrak elemen-elemen dari akhir sebuah array, daripada memulai. Sebagai contoh:<\/p>\n\n\n\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\n \ndocument.write(fruits.slice(2)); \/\/ Prints: Mango,Orange,Papaya\ndocument.write(fruits.slice(-2)); \/\/ Prints: Orange,Papaya\ndocument.write(fruits.slice(2, -1)); \/\/ Prints: Mango,Orange\n<\/pre><\/div>\n\n\nMenggabungkan Dua Array atau Lebih<\/h5>\n\n\n\n
Metode concat()<\/em><\/strong> dapat digunakan untuk menggabungkan atau menggabungkan dua atau lebih array. Metode ini tidak mengubah array yang ada, melainkan mengembalikan array baru. Sebagai contoh:<\/p>\n\n\n\nvar pets = ["Cat", "Dog", "Parrot"];\nvar wilds = ["Tiger", "Wolf", "Zebra"];\n \n\/\/ Creating new array by combining pets and wilds arrays\nvar animals = pets.concat(wilds); \ndocument.write(animals); \/\/ Prints: Cat,Dog,Parrot,Tiger,Wolf,Zebra\n<\/pre><\/div>\n\n\nMetode concat()<\/em><\/strong> dapat mengambil sejumlah argumen array, sehingga kalian dapat membuat array dari sejumlah array lainnya, seperti yang ditunjukkan pada contoh berikut:<\/p>\n\n\n\nvar pets = ["Cat", "Dog", "Parrot"];\nvar wilds = ["Tiger", "Wolf", "Zebra"];\nvar bugs = ["Ant", "Bee"];\n \n\/\/ Creating new array by combining pets, wilds and bugs arrays\nvar animals = pets.concat(wilds, bugs); \ndocument.write(animals); \/\/ Prints: Cat,Dog,Parrot,Tiger,Wolf,Zebra,Ant,Bee\n<\/pre><\/div>\n\n\nMencari Melalui Array<\/h5>\n\n\n\n
Jika kalian ingin mencari array untuk nilai tertentu, kalian cukup menggunakan indexOf()<\/em> dan lastIndexOf()<\/em><\/strong>. Jika nilai ditemukan, kedua metode mengembalikan indeks yang mewakili elemen array. Jika nilai tidak ditemukan, -1<\/em><\/strong> dikembalikan. Metode indexOf()<\/em><\/strong> mengembalikan yang pertama ditemukan, sedangkan lastIndexOf()<\/em><\/strong> mengembalikan yang terakhir ditemukan.<\/p>\n\n\n\nvar fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];\n \ndocument.write(fruits.indexOf("Apple")); \/\/ Prints: 0\ndocument.write(fruits.indexOf("Banana")); \/\/ Prints: 1\ndocument.write(fruits.indexOf("Pineapple")); \/\/ Prints: -1\n<\/pre><\/div>\n\n\nKedua metode tersebut juga menerima parameter integer opsional from index<\/em> yang menentukan indeks pada array untuk memulai pencarian. Berikut contohnya:<\/p>\n\n\n\nvar arr = [1, 0, 3, 1, false, 5, 1, 4, 7];\n \n\/\/ Searching forwards, starting at from- index\ndocument.write(arr.indexOf(1, 2)); \/\/ Prints: 3\n \n\/\/ Searching backwards, starting at from index\ndocument.write(arr.lastIndexOf(1, 2)); \/\/ Prints: 0\n<\/pre><\/div>\n\n\nKalian juga dapat menggunakan metode include()<\/em><\/strong> untuk mengetahui apakah array menyertakan elemen tertentu atau tidak. Metode ini menggunakan parameter yang sama dengan metode indexOf()<\/em><\/strong> dan lastIndexOf()<\/em><\/strong>, tetapi mengembalikan true<\/em><\/strong> atau false sebagai ganti nomor indeks. Berikut contohnya:<\/p>\n\n\n\nvar arr = [1, 0, 3, 1, false, 5, 1, 4, 7];\n \ndocument.write(arr.includes(1)); \/\/ Prints: true\ndocument.write(arr.includes(6)); \/\/ Prints: false\ndocument.write(arr.includes(1, 2)); \/\/ Prints: true\ndocument.write(arr.includes(3, 4)); \/\/ Prints: false\n<\/pre><\/div>\n\n\nJika kalian ingin mencari array berdasarkan kondisi tertentu maka kalian dapat menggunakan metode JavaScript find()<\/em><\/strong> yang baru saja diperkenalkan di ES6. Metode ini mengembalikan nilai first element <\/em>dalam array yang memenuhi fungsi pengujian yang disediakan. Jika tidak kembali maka menjadi undefined<\/em><\/strong>.<\/p>\n\n\n\nvar arr = [1, 0, 3, 1, false, 5, 1, 4, 7];\n \nvar result = arr.find(function(element) {\n return element > 4;\n});\ndocument.write(result); \/\/ Prints: 5\n<\/pre><\/div>\n\n\nAda satu lagi metode yang mirip dengan find()<\/em><\/strong> yaitu metode findIndex()<\/em><\/strong>, yang dimana mengembalikan indeks elemen yang ditemukan dalam array sebagai nilainya. Sebagai contoh:<\/p>\n\n\n\nvar arr = [1, 0, 3, 1, false, 5, 1, 4, 7];\n \nvar result = arr.findIndex(function(element) {\n return element > 6;\n});\ndocument.write(result); \/\/ Prints: 8\n<\/pre><\/div>\n\n\nMetode find()<\/em><\/strong> hanya mencari elemen pertama yang memenuhi fungsi pengujian yang ada. Namun, jika kalian ingin mengetahui semua elemen yang cocok, kalian dapat menggunakan metode filter().<\/em><\/strong><\/p>\n\n\n\nMetode filter()<\/em><\/strong> membuat array baru dengan semua elemen yang berhasil melewati tes yang diberikan. Contoh berikut akan menunjukkan kepada kalian bagaimana hal ini bekerja:<\/p>\n\n\n\nvar arr = [1, 0, 3, 1, false, 5, 1, 4, 7];\n \nvar result = arr.filter(function(element) {\n return element > 4;\n});\ndocument.write(result); \/\/ Prints: 5,7\ndocument.write(result.length); \/\/ Prints: 2\n<\/pre><\/div>\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
Array adalah variabel kompleks yang memungkinkan kita untuk menyimpan lebih dari satu nilai atau sekelompok nilai di bawah nama variabel tunggal. Array JavaScript dapat menyimpan<\/p>\n","protected":false},"author":1,"featured_media":11445,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-11521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design"],"yoast_head":"\n
JavaScript : Array - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/javascript-array\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript : Array - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Array adalah variabel kompleks yang memungkinkan kita untuk menyimpan lebih dari satu nilai atau sekelompok nilai di bawah nama variabel tunggal. Array JavaScript dapat menyimpan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/javascript-array\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-05T06:36:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-09T07:14:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"JavaScript : Array\",\"datePublished\":\"2022-07-05T06:36:51+00:00\",\"dateModified\":\"2023-05-09T07:14:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/\"},\"wordCount\":1169,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/\",\"name\":\"JavaScript : Array - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"datePublished\":\"2022-07-05T06:36:51+00:00\",\"dateModified\":\"2023-05-09T07:14:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"width\":\"750\",\"height\":\"400\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-array\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript : Array\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web & Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript : Array - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/javascript-array\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript : Array - WebHozz Blog","og_description":"Array adalah variabel kompleks yang memungkinkan kita untuk menyimpan lebih dari satu nilai atau sekelompok nilai di bawah nama variabel tunggal. Array JavaScript dapat menyimpan","og_url":"https:\/\/www.webhozz.com\/blog\/javascript-array\/","og_site_name":"WebHozz Blog","article_published_time":"2022-07-05T06:36:51+00:00","article_modified_time":"2023-05-09T07:14:01+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"JavaScript : Array","datePublished":"2022-07-05T06:36:51+00:00","dateModified":"2023-05-09T07:14:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/"},"wordCount":1169,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/","url":"https:\/\/www.webhozz.com\/blog\/javascript-array\/","name":"JavaScript : Array - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","datePublished":"2022-07-05T06:36:51+00:00","dateModified":"2023-05-09T07:14:01+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/javascript-array\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","width":"750","height":"400"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/javascript-array\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript : Array"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web & Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=11521"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11521\/revisions"}],"predecessor-version":[{"id":12545,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11521\/revisions\/12545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/11445"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=11521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=11521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=11521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}