Belajar Dasar Pemrograman Javascript - Array 

jawaban gw di waktu 24:44, kenapa lengthnya 0 ? karena yang dimasukkin ke data arraySaya itu bukan sebuah arrayValue, tapi yang dimasukkin ke arraySaya adalah sebuah object dengan key value pair, contohnya arraySaya[alpukat] = 'emoteAlpukat', makanya kenapa lengthnya masih 0, untuk ngecek length dari suatu object bisa pake Object.keys(arraySaya).length

gua doain lu bang semoga dari video ini dan seterusnya bisa jadi amal jariah....aminnn

Ini video array terbaik bahasa Indonesia sih, karna lagi butuh banget array dan penting banget, akhirnya nemu solusinya disini dong, banyak basic yang ternyata gw gak tau

Makasih banyak kang dea, bermanfaat berkah ilmunya. belajar disini langsung to the point dengan penjelasan ringkas. Learning by doing, sekalian praktek, dengan bebas ekplore semau kita. lebih mudah diingat.

Joss.. semoga istiqomag selalu jadi educator anak bangsa bang.. berkah manfaat

semangat terus bro berbagi ilmunya. keren

terimakasih bang dea untuk saring saring ilmunya mengenai array 🙏🙏🙏

Cara elu nyampain materi mudah dimengerti bang. 👍

mantab bangat bang ilmunya

Semangat Dea, makin sukses. Makasih ilmunya

mantap bang lanjut lagi

Bang Dea tolong bahas penggunaan tipe data array, hashmap, tree, tuple, list, dictionary dalam studi kasus aplikasi

terimakasih

dageng kabeh iki rek 🤩🤩,lanjutkan mang dea ,puyer puyer dah tu pala🤣🤣

Makasih bang ilmu nyA. pusing... Tapi bikin penasaran...

Aslii mantepp🔥🔥

kang maaf telat, soalnya baru ngikutin sekarang. mau ikut jawab yang kenapa waktu kita masukin array key menggunakan string itu length nya ga muncul, karena kita memaksakan key array tersebut menjadi sebuah objek sedangkan array itu index key-nya secara default itu angka. CMIIW

makasi bnyk bang

teringat kata seseorang : "javascript itu sebenernya mudah, yg susah adalah untuk familiar dengan itu"

Widihhh mantapp bangggg..

Bang plisss perbanyak video belajar JavaScript gw pengen banget belajar JavaScript 🙏

TOP BGT LU BANG MAKASIH

syukur bgt ada bang dea, konsisten trus bang

keren bang,saya suka pembahasannya

Otewe mamang 👍🙏🏻

Sehat terus dan di lancarkan segala urusan serta rezeki nya buat bang dea, biarpun ogut mau muntah buat nyerep semuanya tapi tetep semangat buat jadi fullstuck,.tapi full nya di apus wgwgwg😂

SOAL LATIHAN: diketahui: sebuah array punya nilai sebagai berikut 4,6,8,*,12,14 munculkan nilai angka dari array yang bernilai bintang (*) ke dalam console log. edited: *secara dinamis, tanpa hardcoded alias tanpa ngetik angka 10 di dalam codingnya* yang berhasil tag IG gue ya, @dea.afrizal cheers 😉

🔥

mantap amang kami

semangka is watermelon bang wkwkkw #gobles lanjut terus bang👍

karna arraySaya belum di push jadinya array nya masih kosong const arraySaya = [ ] arraySaya.push kalo di push baru array nya ke isi statment gua sih kaya gitu bang

Walau pun aku udah paham Aray tetep nonton sampai selesai 🎉🎉🎉🎉🎉🎉

Wah cepet

Kurang euy, usestate array, JS dan TS array blm d bahas, 👍, btw mantep

Wih langsung upload aja nih bg, semangat terus bg

bang tolong bahas soal ukk Rpl 2015 yang rental mobil

jawaban menit 24 lenght nya 0 karena emang tidak ada urutanya, jadi indexnya memang tidak ada.

24:11 kenapa length-nya 0? menurut gue, simple-nya array itu belum ditampung ke dalam satu value (misalnya: const arrayBuah = new Array() arrayBuah [0] = 🍉 ..... arrayBuah [10] = 🥑). nah, yang di video objeknya masih dipanggil satu-satu.

Bang gimana cara centang FILE NAME EXTENSIONS nya di windows 11

makasih bang gua pusing sendiri belajar nya 😭😭

24.13 itu kenapa gk kehitung lenght nya, mungkin krn dikunci menggunakan string, seharusny itu dikunci menggunakan angka

Bang gue mau saranin buatin aja playlist belajar javascript dasar untuk pemula yang belum pernah ngoding sama sekali. Tapi videonya yang pendek-pendek antar a 10-30 menit biar ada jaraknya jika kita tak bisa menonton full video nya kalau terlalu panjang

Bang bikin konten uuid dong gw masih blm paham nih

Keren si, ilmu nya nyampe sama ngakak juga tutorial array ada muka,bunga sampe ke setan² di bawa bangcuy² GG lah🤣

Bahas Asynchronus, Async Await, Promise, Then Atau Apa lagi lah itu, bang hehe

bang untuk yang pisang,10,tomato, [eat, food] itu kayak perumahan (array yang pertama) terus kalo yang ini [eat, food] berarti kayak di dalem rumahnya (array kedua yang ada di dalem array pertama) gini kan bang?

aduhh pusing euy bang Dea. ini udah dua hari mahamin isi vidio yang ini wkwk

Pertama guruu🥳😎

bang kalo bisa habis materi kasih latihan sesuai di tempat kerja bang

bang mau tanya, menit 27.35 itukan pake const ya, dimana dijelasin di awal kalo const data didalamnya tdk dapat diubah atau ditimpa, kecuali pakai let. tp kenapa newArraySaya disitu indeks 0 dari buah buah lemon bisa di ubah jadi X, padahal bukan let?

{Goblesss}

24:14 karena itu sama kayak variabel atau yg kedua itu nilai dari variabel const tidak bisa di ubah ubah dari nilai eksternal gitukan?

24:13 karena const arraySaya = [] atau kosong

next bahas hoisting javascript bang

vs code bisa digunakan untuk apa aja bang?? js bisa gak? html?? phyton? bahasa pemograman lainnya???

kang dea itu gimana caranya pas di console biar support emoji?

maaf bang saya mau nanya, fungsi dari const before = arraySaya[indexBefore] itu apa ya? karna saya coba tanpa itu dan pake langsung ${indexBefore} bisa bisa aja dan hasilnya juga sama, mohon pencerahannya bang saya pengen tau apakah wajib menggunakan itu atau tidak

Lgi cari cari hosting gratis ee diberandaku ada video baru Dea

array noah 😭..gobleesss🤣

cuy, latihan nya mane cuuuyyyy... gua minta latihan ARRAY nya...

Bang.. gmn cara bobol game slot??

20:21 kang, punten, ini kenapa elsenya masih dibutuhkan ? kok saya coba enggak pakai else malah kodenya error gak berjalan?

Mantap Bang Dea, Semoga Lancar Selalu segala urusan mu bang.

9:45

bang bedanya cjs sama esm apa?

Bahas Flutter Sabi lah bg

Menjawab length yang bernilai 0 izin jawab Karena bang Dea belom memasukan index keberapa nya di dalam arraySaya, Mungin si hhe

pusing pusing dah lo hahahaha ngakak disitu

recomend laptop 5jutaan buat belajar ngoding bang

33:45

karena const nilai arraynya kosong bang

absen ke - 461

Bang mau nanya cara biar emojinya bisa muncul pas console di chrome itu gimana ya? Punya ku munculnya malah simbol-simbol gk jelas

bang tanya dong, kenapa di JS kalau deklarasi array sering menggunakan const bukan let? perbedaannya apa ya kira2? terus efeknya apa kalau deklarasi pake let?

Untuk soal 24:12 Jawaban saya : Karena kita menggunakan array sebagai object, kenapa? saat menggunakan tanda kurung siku [ ] dengan "" di javascript, itu artinya membuat properti pada object, bukan index pada array.

bang, kalau untuk menginputkan nilai dari user ke array di javascript itu gmn ya? apakah harus melalui html, kalau iya gmn caranya?

39:23

endingnya mayan bikin ngebul bang 😂

adugh epilepsi

Bang kenapa di console emoji buahnya malah jadi simbol aneh

Bang kalo emot nya itu pas ke console gk ada gambarnya knp ya?

bang mau nanya, kenapa pas aku munculin emot, pas di liat inspeksi lalu ke console, jadinya kek huruf'' aneh bukan emote yang keluar

first bang xD

spill kursi nya dong banggg

caranya with draw gmn bangv

bang kalo di video pertama .pop() sama .shift() itu untuk ngapus array index terakhir dan pertama. tapi di sekitar menit 20:13 kenapa dipakenya buat nyari index bukan buat ngapus? apa karena penggunaan let dan const nya?

gada soal latihannya bang biar kita2 lebih dalam memahami

bang cara masukin emoji nya itu bagaimana?

Itu vs code versi berpa ya bang

buat kalian yang males ngoding, kalian bisa salin script lengkap gw dari video bg dea ini, kalian hanya tinggal nonton doang wkwkwk // Array // penulisan arrray ke 1 const arrayMahasiswa = ['siti', 'arga', 1, 'sigit'] console.log(arrayMahasiswa) //untuk menampilkan array //penulisan array ke 2 const varianBunga = [] varianBunga[0] = 'Anggrek' varianBunga[1] = 'Mawar' varianBunga[2] = 'Matahari' console.log(varianBunga) //penulisan array ke 3 const heroMage = new Array() heroMage[0] = 'valentina' heroMage[1] = 'Aurora' heroMage[5] = 'Odette' heroMage[3] = 'Liliya' console.log(heroMage[3]) //menampilkan array ke n /* jika array yang dipanggil belum ada/kosong maka akan muncul undefined**/ //checking index const varianBuah = ['anggur', 'strorberry', 'nanas', 'pisang', 'nangka'] console.log(varianBuah) const nanas = varianBuah.includes('nanas') //apakah didalam array tersebut ada nilai n, jika ada maka true, jika tidak ada maka false const posisiIndexNanas = varianBuah.lastIndexOf('nanas') //untuk mencari posisi index ke n if (nanas) { console.log( `buah nanas itu ada, dan dia berada di posisi index ke-${posisiIndexNanas}` ) } else { console.log( 'saya tidak tahu posisinya dimana' ) } //mengetahui posisi index ke n sebelum dan setelahnya const indexBefore = posisiIndexNanas - 1 //untuk mencari index sebelum n const indexAfter = posisiIndexNanas + 1 //untuk mencari index setelah n const before = varianBuah[indexBefore] const After = varianBuah[indexAfter] console.log(`buah sebelum nanas adalah ${before}`) console.log(`buah setelah nanas adalah ${After}`) //short hand mengetahui index pertama dan terakhir const buahAwal = varianBuah.shift() //untuk mengetahui index pertama console.log(`Buah awal adalah buah ${buahAwal}`) const buahAkhir = varianBuah.pop() //untuk mengetahui index terakhir console.log(`Buah akhir adalah buah ${buahAkhir}`) /* didalam aray juga kita bisa membuat Q secara custom yang dimana biasanya index itu dimulai dari 0,1,2,3,.. n. ['anggrek', 'mawar', 'matahari'] 0="anggrek" 1="mawar" 2="matahari" kita bisa meng customnya, bahkan tidak harus dengan angka. dan jika kita meng customnya maka nilai lengt nya akan bernilai nol karena array tersebut sebenarnya adalah array asosiatif atau objek dengan properti yang dinamis**/ //🍌🍇🍓🍉🍎🍒🍋 const buahAnyar = [] buahAnyar['pisang'] = '🍌' buahAnyar['anggur'] = '🍇' buahAnyar['strowbery'] = '🍓' buahAnyar['semangka'] = '🍉' console.log(buahAnyar) console.log(buahAnyar['strowbery']) //Namun, jika kamu ingin membuat objek yang memiliki sifat-sifat dengan nama yang berubah-ubah, kamu bisa menulisnya dengan cara seperti ini: const buahAnyar2 = { pisang: '🍌', anggur: '🍇', strowbery: '🍓', semangka: '🍉' }; console.log(Object.keys(buahAnyar2).length); // Output: 4 console.log(buahAnyar2.pisang); // Output: 🍌 console.log(buahAnyar2['anggur']); // Output: 🍇 /**Perlu diingat bahwa menambahkan properti baru pada objek bawaan JavaScript seperti Array dapat menyebabkan masalah, sehingga lebih baik menggunakan objek yang cocok untuk merepresentasikan jenis data yang Anda inginkan. */ //🚀🚁🚆🚲🚎🏎🚓🚑⌚📱💻 //"shallow copy" dan "deep copy" /** Analogi pertama ini adalah deep copy, di mana Anda membuat salinan yang sama persis dengan objek atau array asli, termasuk semua properti atau elemen yang ada di dalamnya. * Analogi kedua adalah shallow copy, di mana Anda hanya menyalin properti atau elemen yang berada di level terluar objek atau array, dan tidak menyalin properti atau elemen yang lebih dalam di dalam objek atau array. * jika Anda mengubah nilai pada sebuah objek atau array di dalam deep copy, perubahan tersebut hanya akan mempengaruhi objek atau array dalam salinan, dan tidak mempengaruhi objek atau array asli. * Jika Anda mengubah nilai pada sebuah objek atau array di dalam shallow copy, maka perubahan tersebut juga akan mempengaruhi objek atau array asli, karena keduanya masih menggunakan referensi yang sama ke objek atau array dalam level yang lebih dalam.*/ //contoh shallow copy, secara singkat yang akan berubbah itu keduanya baik itu salinan array nya ataupun array utama nya const teknologi = ['🚀', '🚁', '🚆', '🚲', '🚎'] //original const anyarTK = teknologi //KW anyarTK[0] = '🍇' console.log({teknologi}) console.log({anyarTK}) //contoh deep copy, secara singkat yang akan berubah itu duplikat array nya atau salinannya //cara 1 const teknologiDua = ['🚀', '🚁', '🚆', '🚲', '🚎'] //original const anyarTKDua = [...teknologiDua] //KW anyarTKDua[0] = '🍇' console.log({teknologiDua}) console.log({anyarTKDua}) //cara 2 const teknologiTiga = ['🚀', '🚁', '🚆', '🚲', '🚎'] //original const anyarTiga = teknologiTiga.slice(teknologiTiga) //KW anyarTiga[1] = '🍌' console.log({teknologiTiga}) console.log({anyarTiga}) //cara 3 const teknologiSemangka = ['🚀', '🚁', '🚆', '🚲', '🚎'] //original const anyarSemangka = Array.from(teknologiSemangka) //KW anyarSemangka[2] = '🍉' console.log({teknologiSemangka}) console.log({anyarSemangka}) //cara 4 const teknologiStrowbery = ['🚀', '🚁', '🚆', '🚲', '🚎'] //original const anyarStorbery = JSON.parse(JSON.stringify(teknologiStrowbery)) //KW anyarStorbery[3] = '🍓' console.log({teknologiStrowbery}) console.log({anyarStorbery}) // pemanggilan array campuran const arrayCampuran = ['🍉', 6, {tomator:true}, ['matematika', 'PAI', 1], { motor: function () { console.log(`ini merupakan motor mio M3 saya yang ke dua hancur karena kecelakaan`) }, }, 7] console.log(arrayCampuran) //output: arrayCampuran[xxxx] console.log(arrayCampuran[0]) //output: semangka console.log(arrayCampuran[2]) //output: {tomator:true} console.log(arrayCampuran[3][1]) //output: PAI arrayCampuran[4].motor() //output: ini merupakan motor mio M3 saya yang ke dua hancur karena kecelakaan //menggabungkan dua array atau lebih menjadi satu const bumbuahan = ['🍌', '🍇', '🍓', '🍉', '🍎'] const kendaraan = ['🚀', '🚁', '🚆', '🚲', '🚎'] const kenBum = bumbuahan.concat(kendaraan)//menggabungkan array console.log(kenBum) //output: kedua array akan menyatu for (list of kenBum) console.log(list) //mengurutkan isi didalam array. output: array akan terurut for (list in kenBum) console.log(list) //mengurutkan index didalam array. output: index akan terurut kenBum.map((value,index) => console.log(value,index)) //output: memunculkan value dan indexnya //terdapat data mahasiwa dari berbagai kampus ayam const mahasiwa = [ { nama: 'Udin', kampus: 'UNIGA', usia: 20, jenisKelamin: 'laki-laki' }, { nama: 'Asep Codet', kampus: 'UNSIL', usia: 23, jenisKelamin: 'laki-laki' }, { nama: 'Endah', kampus: 'Bhakti Kencana', usia: 21, jenisKelamin: 'perempuan' }, { nama: 'Rohayah', kampus: 'UNIGA', usia: 25, jenisKelamin: 'perempuan' }, { nama: 'Tatang', kampus: 'IPI', usia: 22, jenisKelamin: 'laki-laki' } ] // menampilkan nama saja mahasiwa.map((values, index) => { console.log(values.nama) }) //Menggunakan map() method dan destructuring for (const data of mahasiwa) { console.log(data.nama) } //Menggunakan for...of loop mahasiwa.forEach(data => console.log(data.nama)) //Menggunakan forEach() method for (const i in mahasiwa) { console.log(mahasiwa[i].nama) } //Menggunakan for...in loop mahasiwa.reduce((_, { usia }) => { console.log(usia) }, null) //Menggunakan reduce() method mahasiwa.sort((a,b) => b.usia - a.usia) .map((values) => console.log(values)) //menampilkan usia secara berurutan (dari yang terbesar sampai terkecil) mahasiwa.sort((a,b) => a.usia - b.usia) .map((values) => console.log(values)) //menampilkan usia secara berurutan (dari yang terkecil sampai terbesar) mahasiwa.filter((x) => x.usia > 22) .map((values) => console.log(values)) //menampilkan usia yang diatas 22 tahun mahasiwa.filter((x) => x.usia >= 22) .map((values) => console.log(values)) //menampilkan usia 22 tahun keatas mahasiwa.sort((a,b) => a.usia - b.usia).filter((x) => x.usia >= 22) .map((values) => console.log(values)) //menampilkan usia 22 tahun keatas dengan berurutan mahasiwa.sort((a,b) => a.usia - b.usia).filter((x) => x.usia < 22) .map((values) => console.log(values)) //menampilkan usia dibawah 22 tahun keatas dengan berurutan

Bang kalau di akhir itu gak wajib pakai titik koma ; ya?

Bang maap ya, tutor javascript lu gw download smua🙏

di menit 24:00 itu maksudnya gimana ya bang, apa itu secara ga langsung data array terkonversi jadi data object atau bagaimana ?

bang ngoding ngoding gini harus dihafalin kah? gw takut ntar pas pas magang kaget tiba tiba dikasih tugas pertama.

itu short cut di 32:55 pencet apa bang?

Bang totor hack slot

Bang mana tugas nya😅

Buset array doang 40 menit

Mantap id pilus77