Days
Hours
Minutes
Seconds

Promo Grand Opening

15% OFF

Khusus Pelanggan Baru

Tutorial JavaScript #12: Manipulasi String Pada JavaScript

Tentu, berikut adalah artikel untuk tutorial JavaScript Anda yang ke-12, membahas tentang manipulasi string.


 

Selamat datang kembali di tutorial JavaScript! Di artikel sebelumnya, kita telah mempelajari tentang perulangan for. Sekarang, kita akan fokus pada bagaimana cara memanipulasi string di JavaScript. String adalah salah satu tipe data fundamental yang sering kita gunakan untuk menyimpan dan mengolah teks. JavaScript menyediakan berbagai method (fungsi yang terkait dengan objek) yang memudahkan kita dalam memanipulasi string.

 

Dasar-Dasar String

 

Sebelum masuk ke manipulasi, mari kita ingat kembali bahwa string di JavaScript adalah urutan karakter yang diapit oleh tanda kutip tunggal (') atau ganda (").

Contoh:

`Berikut adalah contoh dasar deklarasi string dalam JavaScript.

–>

 

Beberapa Properti dan Method String

 

JavaScript menyediakan banyak properti dan method bawaan untuk bekerja dengan string. Berikut adalah beberapa yang paling umum dan berguna:

 

1. length

 

Properti length mengembalikan jumlah karakter dalam sebuah string.

Contoh kode JavaScript untuk mendapatkan panjang sebuah string menggunakan properti length`.

–>

Output:

`Output dari kode di atas yang menunjukkan panjang string.

–>

 

2. charAt(index)

 

Method charAt(index) mengembalikan karakter pada indeks (posisi) tertentu dalam string. Indeks dimulai dari 0.

Contoh kode JavaScript untuk mendapatkan karakter pada indeks tertentu menggunakan charAt()`.

–>

Output:

`Output yang menunjukkan karakter pada indeks yang ditentukan.

–>

 

3. concat(string1, string2, ...)

 

Method concat() digunakan untuk menggabungkan dua atau lebih string.

Contoh kode JavaScript untuk menggabungkan beberapa string menggunakan concat()`.

–>

Output:

`Output yang menunjukkan hasil penggabungan string.

–>

Operator + juga sering digunakan untuk menggabungkan string dan umumnya lebih disukai karena sintaksnya yang lebih ringkas.

Contoh kode JavaScript untuk menggabungkan string menggunakan operator +`.

–>

Output:

Output yang sama dengan contoh concat(), menunjukkan hasil penggabungan menggunakan +`.

–>

 

4. slice(start, end)

 

Method slice() mengekstrak sebagian dari string dan mengembalikannya sebagai string baru. Parameter start adalah indeks awal (inklusif), dan end adalah indeks akhir (eksklusif). Jika end tidak ditentukan, slice() akan mengekstrak hingga akhir string. Indeks negatif dihitung dari akhir string.

Contoh kode JavaScript untuk mengekstrak sebagian string menggunakan slice()` dengan berbagai parameter.

–>

Output:

Output yang menunjukkan hasil ekstraksi string menggunakan slice()` dengan parameter yang berbeda.

–>

 

5. substring(start, end)

 

Method substring() mirip dengan slice(), tetapi memiliki beberapa perbedaan kecil dalam menangani indeks negatif. Secara umum, disarankan untuk menggunakan slice() karena lebih konsisten.

Contoh kode JavaScript untuk mengekstrak sebagian string menggunakan substring()`.

–>

Wawasan Terbaru

Gemini_Generated_Image_wfw5uwwfw5uwwfw5
Mengenal Dunia Grafis: Dari Piksel Hingga Vektor, Kekuatan Visual di Era Digital
Gemini_Generated_Image_b6dimfb6dimfb6di
Mengenal Foundation: Kerangka Kerja Front-End Profesional untuk Web Responsif
Gemini_Generated_Image_sx3ztpsx3ztpsx3z
CSS
Mempercantik Website dengan CSS: Seniman di Balik Tampilan Web 🎨
Gemini_Generated_Image_e013qke013qke013
Mengenal HTML: Fondasi dari Setiap Halaman Website 🌐
Gemini_Generated_Image_ldki4nldki4nldki
Menyelami Dunia Coding: Seni Berbicara dengan Komputer
Gemini_Generated_Image_dpvliydpvliydpvl
Menguasai GIT: Fondasi Penting dalam Dunia Pengembangan Perangkat Lunak
Gemini_Generated_Image_sqcib9sqcib9sqci
Tutorial Python #12: Mengenal Jenis-jenis Operator dalam Python
Gemini_Generated_Image_o1bw3do1bw3do1bw
Memahami Tipe Data Dictionary dalam Python
Gemini_Generated_Image_ko4ixfko4ixfko4i
Mengenal Tipe Data Set dalam Python
Gemini_Generated_Image_1xop7m1xop7m1xop
Tuple dalam Python: Pengenalan dan Tutorial

Wawasan Serupa

Gemini_Generated_Image_jqzcx1jqzcx1jqzc
Gemini_Generated_Image_4y7hx34y7hx34y7h
Gemini_Generated_Image_8u3is88u3is88u3i
Gemini_Generated_Image_sif5j6sif5j6sif5

Ceritakan Detail Proyekmu

Mulai dari 30K aja, solusi IT kamu langsung jalan tanpa drama.

Kata Mereka Tentang Solusi Coding

Dipercaya oleh lebih dari 200++ client untuk menyelesaikan proyeknya dengan total 250++ proyek dari berbagai jenis proyek