Beranda
  • Beranda
  • Kursus Programming
  • Karir
  • Layanan Kami
    • IT Outsourcing
    • Jasa Pembuatan Software
    • Jasa Programmer
    • Jasa Pembuatan Website
      • Jasa Pembuatan Website Toko Online
      • Jasa Pembuatan Website Company Profile
      • Jasa Pembuatan Website Rental Mobil
      • Jasa Pembuatan Website Pribadi
      • Jasa Pembuatan Website Marketplace
  • Tutorial IT
    • Tutorial HTML
    • Tutorial JavaScript
    • Tutorial JQuery
    • Tutorial SQL
    • Tutorial Java
    • Tutorial CSS
    • Tutorial Dart
    • Tutorial PHP
    • Tutorial Flutter
  • Blog

Tutorial JavaScript

  • Tutorial Belajar JavaScript
  • Pengertian JavaScript
  • Cara Membuat JavaScript Di HTML
  • Output JavaScript
  • Contoh Coding JavaScript
  • Penulisan JavaScript
  • Komentar Pada JavaScript
  • Variabel JavaScript
  • Operator Pada JavaScript
  • Penjumlahan JavaScript
  • Operator Assignment
  • Tipe Data JavaScript
  • Fungsi Pada JavaScript
  • JavaScript Object
  • Event Pada JavaScript
  • JavaScript Text Atau String
  • Berbagai Fungsi Pada String
  • JavaScript Angka Atau Number
  • Berbagai Fungsi Pada Number
  • Array Pada JavaScript
  • Berbagai Fungsi Pada Array
  • Mengurutkan Array
  • Mengambil Nilai Array
  • JavaScript Tanggal
  • Format Date
  • Fungsi Get Pada Date
  • Fungsi Set Pada Date
  • JavaScript Boolean
  • Perbandingan Dengan JavaScript
  • Kondisi Dengan JavaScript
  • Kondisi Dengan Switch
  • Perulangan Pada JavaScript
  • Perulangan While JavaScript
  • JavaScript Break
  • Membuat Fungsi JavaScript
  • Parameter Pada Fungsi
  • Memanggil Fungsi JavaScript
  • Konsep Scope
  • Keyword this Pada JavaScript
  • Class Pada JavaScript
  • Membuat Object JavaScript
  • Properti Pada Object
  • Fungsi Pada Object
  • Mencetak Nilai Object
  • Mengakses Nilai Dalam Object
  • Constructor Pada Object
  • Beranda
  • Tutorial
  • Berbagai Fungsi Pada String

Berbagai Fungsi Pada String

Daftar Isi
  • Properti length
  • Mencari String Di Dalam String
  • Mengambil Potongan String
  • Mengganti Text
  • Huruf Besar Dan Huruf Kecil
  • Menggabungkan String
  • Trim
  • Mengambil Karakter Tertentu
  • String Sebagai Array

JavaScript memperlakukan string seperti object karena itu variable bertipe string bisa mempunyai properti dan fungsi. Properti digunakan untuk mendapatkan informasi terhadap variable tersebut. Fungsi digunakan untuk melakukan suatu proses pada string.

Properti length #

Properti length digunakan untuk mengetahui panjang karakter string.

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

Mencari String Di Dalam String #

Fungsi indexOf digunakan untuk mencari posisi (index) pertama suatu string dalam string yang lain. Contoh di bawah memperlihatkan cara mengetahui posisi string “locate” di dalam string “Please locate ‘locate’ occurs!”. Posisi karakter dihitung mulai dari 0.

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");

Fungsi lastIndexOf digunakan untuk mencari posisi terakhir suatu string dalam string yang lain.

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");

Fungsi indexOf ataupun lastIndexOf akan mengembalikan -1 apabila string yang dicari tidak ditemukan.

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("John");

Posisi awal pencarian dimulai dapat dimasukkan sebagai parameter kedua fungsi indexOf.

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate", 15);

Posisi awal pencarian dimulai juga dapat dimasukkan sebagai parameter kedua fungsi lastIndexOf. Bedanya posisi awal ini dihitung dari posisi terakhir.

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate", 15);

Fungsi search sama dengan fungsi indexOf tapi fungsi search tidak mempunyai parameter kedua.

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");

Mengambil Potongan String #

Fungsi slice mengambil potongan string berdasarkan posisi. Parameter pertama fungsi adalah posisi awal potongan. Parameter kedua fungsi adalah posisi akhir potongan dikurangi 1. Contoh di bawah ini mengambil potongan text mulai dari posisi 7 sampai 12.

var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13);

Apabila parameter bernilai negatif maka posisi dihitung mulai dari posisi terakhir.

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12, -6);

Fungsi slice akan memotong string sampai ke posisi terakhir apabila parameter kedua tidak diberikan.

var res = str.slice(7);

Fungsi slice akan memotong dihitung dari posisi terakhir apabila parameter pertama bernilai negatif dan parameter kedua tidak diberikan.

var res = str.slice(-12);

Fungsi substring sama seperti fungsi slice, bedanya tidak menerima paramter bernilai negatif.

var str = "Apple, Banana, Kiwi";
var res = str.substring(7, 13);

Fungsi substr sama seperti fungsi slice, bedanya parameter kedua adalah panjang potongan yang diinginkan.

var str = "Apple, Banana, Kiwi";
var res = str.substr(7, 6);

Fungsi substr akan memotong string sampai ke posisi terakhir apabila parameter kedua tidak diberikan

var str = "Apple, Banana, Kiwi";
var res = str.substr(7);

Apabila parameter bernilai negatif maka potongan dihitung dari posisi terakhir.

var str = "Apple, Banana, Kiwi";
var res = str.substr(-4);

Mengganti Text #

Fungsi replace mengganti text tertentu dalam suatu string dengan text yang lain. Parameter pertama adalah text yang akan diganti. Parameter kedua adalah text pengganti.

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3Schools");

Perlu diperhatikan, fungsi replace tidak mengganti string awal tapi mengembalikan string baru.

Fungsi replace hanya mengganti text yang pertama kali ditemukan.

str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3Schools");

Fungsi replace adalah case sensitive. Microsoft tidak sama dengan MICROSOFT.

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3Schools");

Untuk menghilangkan sifat case sensitive tambahkan regular expression /i.

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3Schools");

Gunakan regular expression /g untuk memakai global match.

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3Schools");

Topik regular expression akan dibahas lebih detil pada tutorial selanjutnya.

Huruf Besar Dan Huruf Kecil #

Fungsi toUpperCase mengubah string menjadi huruf besar.

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper

Fungsi toLowerCase mengubah string menjadi huruf kecil.

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower

Menggabungkan String #

Fungsi concat berfungsi untuk menggabungkan dua string.

var text1 = "Hello";
var text2 = "World";
var text3 = text1.concat(" ", text2);

Fungsi concat fungsinya sama seperti operator + pada string.

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ", "World!");

Trim #

Trim adalah menghapus spasi pada bagian awal dan akhir suatu text.

var str = "       Hello World!        ";
alert(str.trim());

Fungsi trim tidak tersedia pada web browser Internet Explorer versi 8 ke bawah. Sebagai gantinya kita bisa menggunakan fungsi replace dan regular expression.

var str = "       Hello World!        ";
alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));

Solusi lain untuk IE 8 ke bawah adalah dengan memakai fungsi prototype seperti contoh di bawah ini.

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  };
}
var str = "       Hello World!        ";
alert(str.trim());

Mengambil Karakter Tertentu #

Fungsi charAt akan mengembalikan karakter pada posisi tertentu dalam suatu string.

var str = "HELLO WORLD";
str.charAt(0);            // returns H

Fungsi charCodeAt akan mengembalikan karakter dalam bentuk UTF-16 format.

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72

String juga dapat diperlakukan seperti array. Kita bisa mengambil karakter pada posisi tertentu dengan cara seperti contoh di bawah.

var str = "HELLO WORLD";
str[0];                   // returns H

String Sebagai Array #

Gunakan fungsi split untuk mengubah string menjadi array. Parameter fungsi adalah karakter pemisah pada text.

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe

Apabila karakter pemisah tidak diberikan maka array akan berisi setiap karakter pada string.

var txt = "Hello";       // String
txt.split("");           // Split in characters

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
JavaScript Text Atau StringJavaScript Angka Atau Number

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar Isi
  • Properti length
  • Mencari String Di Dalam String
  • Mengambil Potongan String
  • Mengganti Text
  • Huruf Besar Dan Huruf Kecil
  • Menggabungkan String
  • Trim
  • Mengambil Karakter Tertentu
  • String Sebagai Array

Marketing Office

Epicentrum Walk Office Suite 529A, Jl. HR. Rasuna Said, Jakarta Selatan 12940

Workshop

Nextgen Training Center, Jl. Raya Tanah Baru no 3, Pancoran Mas, Depok

Email

sales@nextgen.co.id

@2020 PT Nextgen Inovasi Indonesia

PT. Nextgen Inovasi Indonesia

PT Nextgen Inovasi Indonesia adalah perusahaan IT yang didirikan pada tahun 2015. Lini bisnis kami adalah inovasi dalam cara belajar teknologi informasi dengan cepat dan efisien.