Metode JavaScript Substring: Syntax, Cara, dan Contohnya

JavaScript substring dipakai untuk mengembalikan bagian dari string berdasarkan indeks awal dan akhir yang ditentukan. bagaimana caranya?
RevoU Staff
November 3, 2023
5
min read

Mau Belajar

Software Engineering

?

Belajar di RevoU! Dapatkan skill digital paling in-demand langsung dari praktisi terbaik di bidangnya. Kelas online 100% LIVE, 1:1 career coaching, dan akses ke Community Hub dengan 6000+ member selamanya untuk support perkembangan karir kamu!
DAFTAR FULL PROGRAMCOBA COURSE GRATIS

Overview

Metode substring di JavaScript memungkinkan kita untuk memotong dan mengambil bagian tertentu dari string dengan mudah dan akurat. Berikut penjelasan tentang syntax, cara penggunaan, can contohnya.

Dalam pemrograman, terutama saat berhadapan dengan manipulasi teks, kita sering dihadapkan pada kebutuhan untuk memotong atau mengambil sebagian dari teks tersebut. Hal ini dilakukan menggunakan JavaScript substring.

Sebagai salah satu metode paling fundamental dalam JavaScript, substring memberikan kemampuan dalam mengelola string dengan presisi tinggi. Melalui kecanggihan dan fleksibilitas yang ditawarkan, tak heran jika metode ini menjadi favorit di kalangan developer.

Cari tahu lebih banyak tentang JavaScript substring dan bagaimana kita bisa memaksimalkan potensinya dalam web programming!

Pengenalan Metode JavaScript Substring

Metode substring() dalam JavaScript dipakai untuk mengembalikan bagian dari string berdasarkan indeks awal dan akhir yang ditentukan. Indeks di sini dimulai dari nol (0).

Sebagai contoh, jika kamu memiliki string "RevoUpedia" dan menggunakan metode substring(4, 7), hasil yang akan didapatkan adalah "Upe".

JavaScript substring penting dalam web programming karena saat memanipulasi string atau teks, kita mungkin ingin mengekstrak bagian tertentu dari string, mengganti bagian string dengan teks lain, atau bahkan memeriksa apakah string tertentu ada di dalam string lain.

Misalnya, saat ingin mengganti kata dalam sebuah string, kamu bisa menggunakan metode substring untuk menemukan kata tersebut lalu menggantinya dengan kata lain.

Syntax dan Parameter Metode Substring

Agar memahami bagaimana metode substring bekerja, kita perlu memahami syntax-nya terlebih dahulu.

Berikut penjelasan masing-masing komponen dari syntax di atas:

  • string: string asli yang ingin diambil bagian tertentunya. Misalnya, "Hello, Dunia!"
  • indexAwal: posisi di mana ekstraksi substring ingin dimulai. Indeks di JavaScript dimulai dari 0, jadi jika kamu ingin mulai dari karakter pertama, kamu akan menggunakan indeks 0.
  • indexAkhir (Opsional): ini adalah posisi sebelum karakter di mana ekstraksi substring akan berakhir. Karakter pada posisi indexAkhir tidak akan dimasukkan dalam hasil substring. Jika menghilangkan parameter ini, metode substring akan mengambil semua karakter dari indexAwal hingga akhir string.

Selanjutnya, untuk memotong atau mengambil bagian dari string dengan tepat, penting untuk memahami bagaimana indexAwal dan indexAkhir bekerja:

  • Jika hanya indexAwal yang diberikan, metode substring akan mengambil semua karakter mulai dari indexAwal sampai akhir string.
  • Jika indexAwal lebih besar dari indexAkhir, kedua nilai tersebut akan ditukar. Dengan kata lain, string.substring(5, 2) akan memberikan hasil yang sama dengan string.substring(2, 5).
  • Jika salah satu atau kedua indeks negatif atau bukan angka, indeks akan diperlakukan sebagai 0.
  • Jika indeks adalah angka desimal, indeks akan dibulatkan ke bawah.

Cara Menggunakan Metode Substring

Berikut cara menggunakan metode substring dengan beberapa contoh praktis:

#1 Mengambil bagian awal dari string

Kamu ingin mengambil beberapa karakter pertama dari string. Caranya, berikan satu parameter saja.

#2 Mengambil bagian akhir dari string

Kamu bisa menghilangkan parameter kedua untuk mengambil semua karakter mulai dari indexAwal sampai akhir string.

#3 Menukar indeks awal dan akhir

Jika indexAwal lebih besar dari indexAkhir, kedua nilai tersebut akan ditukar.

#4 Menggunakan indeks negatif atau desimal

Indeks negatif akan diperlakukan sebagai 0 dan indeks desimal akan dibulatkan ke bawah.

#5 Mengambil substring berdasarkan panjang string

Kamu juga bisa mengambil bagian dari string berdasarkan panjangnya.

FAQ (Frequently Ask Question)

Kapan sebaiknya menggunakan metode substring? 

Seperti metode lainnya, penting untuk mengetahui kapan waktu yang tepat untuk menggunakan JavaScript substring. Berikut beberapa situasi di mana metode substring tepat digunakan:

  • Ekstraksi informasi: jika kamu memiliki string mengandung informasi tertentu dalam format yang konsisten, kamu bisa menggunakan substring untuk mengekstrak informasi tersebut. Misalnya, mengambil tanggal, bulan, dan tahun dari format tanggal "DD-MM-YYYY".
  • Data cleaning: saat bekerja dengan data yang memiliki karakter ekstra atau prefiks/sufiks yang tidak diinginkan, substring membantu memotong bagian yang tidak perlu.
  • Pembuatan format: substring juga cocok digunakan dalam situasi di mana kamu perlu memformat string untuk tampilan tertentu, seperti memisahkan nomor telepon atau kode pos.
  • Pembuatan text animation: dalam pengembangan web, kamu mungkin ingin membuat animasi di mana teks muncul atau hilang satu karakter pada satu waktu. Dengan substring, kamu dapat lebih mudah mengambil bagian dari string berdasarkan panjang yang diinginkan.

Penutup

Metode substring di JavaScript memungkinkan kita untuk memotong dan mengambil bagian tertentu dari string dengan mudah dan akurat. Melalui penjelasan di atas, kita telah memahami syntax, parameter, serta berbagai cara penggunaannya dalam berbagai skenario pemrograman. 

RevoU Staff
Kickstart your career in tech with RevoU!

Masih ragu? Coba dulu 3 hari, GRATIS
di Full-Stack Trial Class!

Rasakan pengalaman belajar di RevoU Full-Stack Program: Kelas 100% LIVE, Mini portofolio lewat hands-on assignment, Bimbingan Team Lead & small group discussion. Kalau cocok, kamu bisa lanjut daftar Full Program dengan kesempatan Fast-Track (skip semua tes seleksi masuk, langsung ke tahap akhir!)

Masih ragu? Coba dulu 3 hari, GRATIS
di Full-Stack Trial Class!

Rasakan pengalaman belajar di RevoU Full-Stack Program: Kelas 100% LIVE, Mini portofolio lewat hands-on assignment, Bimbingan Team Lead & small group discussion. Kalau cocok, kamu bisa lanjut daftar Full Program dengan kesempatan Fast-Track (skip semua tes seleksi masuk, langsung ke tahap akhir!)

Masih ragu? Coba dulu 3 hari, GRATIS
di Full-Stack Trial Class!

Rasakan pengalaman belajar di RevoU Full-Stack Program: Kelas 100% LIVE, Mini portofolio lewat hands-on assignment, Bimbingan Team Lead & small group discussion. Kalau cocok, kamu bisa lanjut daftar Full Program dengan kesempatan Fast-Track (skip semua tes seleksi masuk, langsung ke tahap akhir!)

Artikel Lainnya

Mau belajar

Software Engineering

?

Belajar di RevoU! Dapatkan skill digital paling in-demand langsung dari praktisi terbaik di bidangnya. Kelas online 100% LIVE, 1:1 career coaching, dan akses ke Community Hub dengan 6000+ member selamanya untuk support perkembangan karir kamu!
Menu

Mulai karirmu dalam

Software Engineering

Belajar di RevoU! Dapatkan skill digital paling in-demand langsung dari praktisi terbaik di bidangnya. Kelas online 100% LIVE, 1:1 career coaching, dan akses ke Community Hub dengan 6000+ member selamanya untuk support perkembangan karir kamu!

Mau Belajar

Software Engineering

?

Belajar di RevoU! Dapatkan skill digital paling in-demand langsung dari praktisi terbaik di bidangnya. Kelas online 100% LIVE, 1:1 career coaching, dan akses ke Community Hub dengan 6000+ member selamanya untuk support perkembangan karir kamu!

DAFTAR FULL PROGRAM

Mau Belajar

Software Engineering

?