Apps Artificial Intelligence CSS DevOps Go JavaScript Laravel Linux MongoDB MySQL PHP Python Rust Vue

JavaScript: Cara Cepat Ambil Video ID dari YouTube URL

1 min read .
Updated on
JavaScript: Cara Cepat Ambil Video ID dari YouTube URL

Kadang saya butuh ambil ID video YouTube dari URL—entah buat embed atau manipulasi video. URL YouTube bisa macem-macem formatnya. Untungnya, JavaScript bisa bantu gampang.

Fungsi YouTubeGetID

function YouTubeGetID(url) {
    url = url.split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
    return (url[2] !== undefined) ? url[2].split(/[^0-9a-z_\-]/i)[0] : url[0];
}

Cara Kerja

  1. Split URL: Memecah URL berdasarkan pola umum YouTube (v=, youtu.be/, /embed/, dll).
  2. Ambil ID: Setelah split, ID biasanya ada di indeks ke-2. Kalau ada, ambil sebelum karakter non-alfanumerik; kalau nggak, ambil bagian pertama.

Contoh Penggunaan

console.log(YouTubeGetID('https://www.youtube.com/watch?v=QOM0xWASUwE')); // QOM0xWASUwE
console.log(YouTubeGetID('https://youtu.be/QOM0xWASUwE'));                  // QOM0xWASUwE
console.log(YouTubeGetID('https://www.youtube.com/embed/QOM0xWASUwE'));     // QOM0xWASUwE
console.log(YouTubeGetID('https://www.youtube.com/vi/QOM0xWASUwE'));        // QOM0xWASUwE

Catatan

  • Fungsi ini simpel tapi efektif buat semua format URL umum.
  • Bisa langsung dipakai di aplikasi web untuk embed, playlist, atau manipulasi video.

Kesimpulan

Pada akhirnya, YouTubeGetID bikin hidup lebih gampang saat bekerja dengan URL YouTube. Snippet ini siap langsung dicoba, tinggal copy-paste dan jalan. Gini deh, kadang hal kecil kayak ini hemat waktu banget.

JavaScript

Lihat Juga

Menghapus Duplikat pada Array di JavaScript: Berbagai Metode
Updated on
Menghapus Duplikat pada Array di JavaScript: Berbagai Metode
Dalam pengembangan software, seringkali kita perlu menghapus elemen duplikat dari array. JavaScript menyediakan beberapa cara untuk melakukannya, tergantung apakah kamu ingin menghapus duplikat berdasarkan satu atau beberapa properti, atau mempertahankan elemen terakhir yang muncul. Di sini kita akan membahas berbagai metode menggunakan filter() dan pendekatan lainnya. 1. Menghapus Duplikat Berdasarkan ID Unik Jika array terdiri dari objek dengan properti ID unik, kita bisa menghapus duplikat berdasarkan ID tersebut. Hanya satu objek dengan ID yang sama yang akan dipertahankan.
JavaScript Array
Mengurutkan Data Array Berdasarkan Nilai di JavaScript
Updated on
Mengurutkan Data Array Berdasarkan Nilai di JavaScript
Mengelola dan memanipulasi data array adalah tugas umum dalam pengembangan web. Artikel ini akan membahas cara mengurutkan array berisi objek berdasarkan nilai tertentu menggunakan JavaScript, dengan contoh mengurutkan daftar objek berdasarkan properti order. 1. Data Awal saya mulai dengan sekumpulan data berupa array objek. Setiap objek memiliki dua properti: name dan order. Copy let data = [ { name: 'Edward', order: 21 }, { name: 'Sharpe', order: 37 }, { name: 'And', order: 45 }, { name: 'The', order: -12 }, { name: 'Magnetic', order: 13 }, { name: 'Zeros', order: 37 } ] Tujuan saya adalah mengurutkan objek-objek ini berdasarkan nilai order.
JavaScript Array
Mencari Teks dalam String dengan Fungsi Kustom di JavaScript
Updated on
Mencari Teks dalam String dengan Fungsi Kustom di JavaScript
Dalam pengembangan web atau aplikasi JavaScript, seringkali saya perlu mencari teks tertentu di dalam string yang lebih besar. Meski JavaScript menyediakan metode bawaan seperti indexOf atau search, terkadang saya ingin kontrol lebih atas hasil pencarian. Di sini akan dibahas cara membuat fungsi kustom findText. 1. Pengenalan Fungsi findText Fungsi findText dirancang untuk mencari substring dalam string dan mengembalikan teks di posisi substring tersebut. kita bisa menentukan jumlah karakter yang ingin diambil di kiri dan kanan substring yang ditemukan.
JavaScript
JavaScript: Cara Cepat Filter Array
Updated on
JavaScript: Cara Cepat Filter Array
Filter array itu hal wajib di web development. Selain filter() dan includes(), ada banyak trik buat filter sesuai kebutuhan. Gini deh, beberapa contohnya. 1. Filter Berdasarkan Kondisi Copy const arr = [1,2,3,4,5,6]; const even = arr.filter(n => n % 2 === 0); console.log(even); // [2,4,6] 2. Filter Unik Copy const arr = [1,2,3,2,4,5,3]; const unique = arr.filter((x,i)=>arr.indexOf(x)===i); console.log(unique); // [1,2,3,4,5] 3. Filter Berdasarkan Properti Objek Copy const users = [ {name:'Alice', age:25}, {name:'Bob', age:30}, {name:'Charlie', age:25} ]; const filtered = users.filter(u=>u.age===25); console.log(filtered); // [{name:'Alice', age:25}, {name:'Charlie', age:25}] 4. Filter + Transform Copy const arr = [1,2,3,4,5]; const result = arr.filter(n=>n%2===0).map(n=>n*2); console.log(result); // [4,8] 5. Filter Dinamis Copy const filterArray = (arr, crit) => arr.filter(n=>n>=crit); console.log(filterArray([1,2,3,4,5],3)); // [3,4,5] Kesimpulan Pada akhirnya, filter() di JavaScript fleksibel banget. Bisa untuk angka, objek, unik, bahkan dinamis. Snippet di atas siap dipakai di proyek mana pun. Gini deh, kadang hal kecil kayak filter ini bikin manipulasi data jauh lebih mudah.
JavaScript Array
Mengelola Operasi Asinkron dengan Promise dan Async/Await dalam JavaScript
Updated on
Mengelola Operasi Asinkron dengan Promise dan Async/Await dalam JavaScript
Mengelola operasi asinkron di JavaScript bisa menjadi rumit, tapi dengan Promise dan async/await, kita bisa menulis kode yang lebih bersih dan mudah dipahami. Di artikel ini, kita akan membahas cara menggunakan keduanya untuk menangani operasi asinkron dengan contoh praktis. 1. Membuat State dengan Objek Sederhana kita mulai dengan membuat objek sederhana untuk menyimpan state: Copy let state = { text: 'text here' }; 2. Membuat Fungsi Asinkron dengan Promise Misalnya kita ingin mendapatkan nama depan dan nama belakang dari suatu data secara asinkron. kita bisa menggunakan fungsi yang mengembalikan Promise:
JavaScript
chevron-up