Belajar Dasar Pemrograman Javascript - Array
HTML-код
- Опубликовано: 5 окт 2024
- Tutorial belajar coding array di javascript untuk pemula.
tutorial JS Dasar disini: • Belajar Dasar Pemrogra...
full playlist disini: • 🍌 Javascript Tutorial 🍌
Transfer DONASI: saweria.co/dea...
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
Telegram Open Grup: t.me/cuyuniverse
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
gua doain lu bang semoga dari video ini dan seterusnya bisa jadi amal jariah....aminnn
Makasih ya bang doanya, gw ga yangka didoain orang yg gak gue kenal.😙
amiiin
@@deaafrizal Bang kapan bahas tipe data object, soalnya lumayan banyak kepake tipe data object buat passingdata
@@nadhifahmad596 siapa lo tolol dia itu doain bang dea bukan kamu goblok
Aamiin
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
Wah makasih bang atas ilmunya
@@RSKMUSICOFFICIALLgw ngewakilin dia, "sama-sama bang"
tapi ko ga keluar di console bang? cara implentasinya gimana? mohon arahannya bang
Makasih bang
thansk you bang
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
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 😉
ez banget bg
ejjjettt
pake isnan kah bang
const arraySoal = [4, 6, 8, '*', 12, 14]
const arrayCariJawaban = arraySoal[2] - arraySoal[1]
for (let index = 0; index < arraySoal.length; index++) {
if (arraySoal[index] === '*') {
let arrayJawab = arraySoal[index -1] + arrayCariJawaban;
console.log(arrayJawab)
alert(`Jawabannya adalah ${arrayJawab}`)
}
}
let array = []
for(let i = 4; i
20:50 beda kang.. kalo pake arraySaya.shift() itu akan menghapus elemen pertama dari array.. Jadi setelah kita manggil shift(), array akan kehilangan elemen pertamanya dan panjang array (array.length) akan berkurang.
Sebaliknya, kalo kita mau ngambil elemen pertama atau terakhir secara manual menggunakan indeks (array[0] untuk elemen pertama atau array[array.length-1] untuk elemen terakhir), kita hanya membaca elemen tersebut tanpa mengubah isi atau panjang array.
jadi kalo kita pake method pop() atau shift(), panjang array bakal menjadi 3 karena kedua metode ini menghapus dua elemen dari array (satu dari depan dan satu dari belakang).
Tapi kalo kita pake yg cara manual, panjang array tetap 5 karena tidak ada elemen yang dihapus
thank u broh tambahannya!
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
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.
dageng kabeh iki rek 🤩🤩,lanjutkan mang dea ,puyer puyer dah tu pala🤣🤣
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
leh uga tengs bang
niat bener bang hehe, btw thankss
thanks bruh
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
Joss.. semoga istiqomag selalu jadi educator anak bangsa bang.. berkah manfaat
Bang Dea tolong bahas penggunaan tipe data array, hashmap, tree, tuple, list, dictionary dalam studi kasus aplikasi
terimakasih bang dea untuk saring saring ilmunya mengenai array 🙏🙏🙏
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
teringat kata seseorang :
"javascript itu sebenernya mudah, yg susah adalah untuk familiar dengan itu"
semangat terus bro berbagi ilmunya. keren
Cara elu nyampain materi mudah dimengerti bang. 👍
Bang plisss perbanyak video belajar JavaScript gw pengen banget belajar JavaScript 🙏
🔥
mantab bangat bang ilmunya
syukur bgt ada bang dea, konsisten trus bang
gaskeun
keren bang,saya suka pembahasannya
😉
semangka is watermelon bang wkwkkw #gobles lanjut terus bang👍
Walau pun aku udah paham Aray tetep nonton sampai selesai 🎉🎉🎉🎉🎉🎉
asikk thank u alice!
Semangat Dea, makin sukses. Makasih ilmunya
Makasih bang ilmu nyA. pusing... Tapi bikin penasaran...
Widihhh mantapp bangggg..
thanku human
Wih langsung upload aja nih bg, semangat terus bg
seapp
mantap bang lanjut lagi
Mantap Bang Dea, Semoga Lancar Selalu segala urusan mu bang.
amiiin thank u fikri!
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😂
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
udh tau jawabannya sekarang bang?
bjirr, array doang aja kaya gini brok, pusing juga dipikir2 kalau jadi fullstack
bang kok di laptopku buahnya di console tidak bntuk buah mlahan muncul bahasa namek
Otewe mamang 👍🙏🏻
gasss
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
terimakasih
Aslii mantepp🔥🔥
mantap amang kami
Bahas Asynchronus, Async Await, Promise, Then Atau Apa lagi lah itu, bang hehe
noted bro gaskeun
@@deaafrizal Mantap Bang Ditunggu 🙏😅
up
aduhh pusing euy bang Dea. ini udah dua hari mahamin isi vidio yang ini wkwk
jawaban menit 24 lenght nya 0 karena emang tidak ada urutanya, jadi indexnya memang tidak ada.
24.13 itu kenapa gk kehitung lenght nya, mungkin krn dikunci menggunakan string, seharusny itu dikunci menggunakan angka
Kurang euy, usestate array, JS dan TS array blm d bahas, 👍, btw mantep
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🤣
semangat trus zidan!
Wah cepet
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?
TOP BGT LU BANG MAKASIH
makasi bnyk bang
next bahas hoisting javascript bang
noted brooh
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?
shift mengambil nilai pertama dari array, pop mengambil yang terakhir 👍
yang artinya kalau dipanggil lagi array nya, make nilai array original akan berubah karena impact dari pengambilan si shift / si pop
@@deaafrizal ohh jadi kaya di cut gitu ya bang.
mantappp, makasih bang dea penjelasannya 👍
belajar ngoding tapi santay emag disini doang wkwk, jelas + santuy 👍
@@42_farhanakmalshaleh64 betul sekali bro sebelum di cut kita tampung ke variabel apa yang mau di cut adalah nilainya.
lanjutkan 👍👍
@@deaafrizal Sip bang, mantapp. Makasih bang 👍
makasih bang gua pusing sendiri belajar nya 😭😭
Lgi cari cari hosting gratis ee diberandaku ada video baru Dea
gasss
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.
karena const nilai arraynya kosong bang
Bang.. gmn cara bobol game slot??
bang tolong bahas soal ukk Rpl 2015 yang rental mobil
24:14 karena itu sama kayak variabel atau yg kedua itu nilai dari variabel const tidak bisa di ubah ubah dari nilai eksternal gitukan?
kok nggk bisa pake perintah kurung kurawal ya kak nggk kedeteksi kalo itu tipe data
Pertama guruu🥳😎
wihh my 🍌🍌🍌
24:13 karena const arraySaya = [] atau kosong
20:21 kang, punten, ini kenapa elsenya masih dibutuhkan ? kok saya coba enggak pakai else malah kodenya error gak berjalan?
Bang mau nanya cara biar emojinya bisa muncul pas console di chrome itu gimana ya?
Punya ku munculnya malah simbol-simbol gk jelas
sama nih bang dea pencerahan nya dong
cuy, latihan nya mane cuuuyyyy... gua minta latihan ARRAY nya...
{Goblesss}
🍌
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?
bang bedanya cjs sama esm apa?
bang kok gw ga muncul emojinya yang ada cuma kodenya doang
Menjawab length yang bernilai 0 izin jawab Karena bang Dea belom memasukan index keberapa nya di dalam arraySaya, Mungin si hhe
Bang kalo emot nya itu pas ke console gk ada gambarnya knp ya?
endingnya mayan bikin ngebul bang 😂
wih sudah mencoba? good luck bro 😉
recomend laptop 5jutaan buat belajar ngoding bang
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?
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?
monggo ditonton video yang 1 jam sebelum ini bro
@@deaafrizal udah bang, udah krg lebih paham juga kalau const itu nilainya tetap, kalau let itu bisa diubah nilai variabel nya. Yang masih saya penasaran, ketika bikin array kan pake const, nah padahal isi di arraynya kan bisa berubah-ubah. Itu logikanya gimana ya, kok gk error? Terus apa bedanya kalau kita bikin array pake let kalau const aja bisa berubah nilai di arraynya?
Maaf bang kalau kebangetan keponya 🙏🏼. Setelah belajar JS jadi penasaran banget tentang fungsi setiap code code nya 😅🙏🏼.
array noah 😭..gobleesss🤣
madep pol
gada soal latihannya bang biar kita2 lebih dalam memahami
ditunggu video berikutnya yaaa broo
Bang kalau di akhir itu gak wajib pakai titik koma ; ya?
aman bro ga wajib
di menit 24:00 itu maksudnya gimana ya bang, apa itu secara ga langsung data array terkonversi jadi data object atau bagaimana ?
langsung terpikirkan object sih, ada juga kepikiran karna variable nya const bukan let
Sepertinya itu yg ["alpukat"] di anggap sebagai index . Dan gambar alpukat nya value dari index alpukat
bang cara masukin emoji nya itu bagaimana?
Itu vs code versi berpa ya bang
spill kursi nya dong banggg
udah ada bro kontennya keknya lupa gue wkwk
bang ngoding ngoding gini harus dihafalin kah? gw takut ntar pas pas magang kaget tiba tiba dikasih tugas pertama.
bang, kalau untuk menginputkan nilai dari user ke array di javascript itu gmn ya? apakah harus melalui html, kalau iya gmn caranya?
ntar value nya dipake function .join(array) bang biar bisa masuk arraynya
caranya with draw gmn bangv
bang mau nanya, kenapa pas aku munculin emot, pas di liat inspeksi lalu ke console, jadinya kek huruf'' aneh bukan emote yang keluar
2in bang mohon pencerahannya
33:45
pusing pusing dah lo hahahaha ngakak disitu
9:45
Bang maap ya, tutor javascript lu gw download smua🙏
Bahas Flutter Sabi lah bg
itu short cut di 32:55 pencet apa bang?
auto dirapihin pas nge save dari extension prettier bg
39:23
adugh epilepsi
anyone 2024?
absen ke - 461
first bang xD
heyyy