Apa yang dimaksud dengan method pada javascript?

Method

const str = 'reza';
console.log(str.toUpperCase()); // REZA
3 dapat membantu kita dalam memanipulasi data string, kita tidak perlu membuat fungsi untuk memanipulasi string secara manual.

Show

JavaScript sudah menyediakan banyak method yang bisa kita gunakan secara langsung.

Misalnya, jika kita ingin mengganti kata tertentu di dalam string, kita bisa menggunakan method

const str = 'reza';
console.log(str.toUpperCase()); // REZA
4.

Untuk mengubah string menjadi huruf besar semua, bisa menggunakan method

const str = 'reza';
console.log(str.toUpperCase()); // REZA
5.

Atau sebalik, mengubah string menjadi huruf kesil semua, bisa menggunakan

const str = 'reza';
console.log(str.toUpperCase()); // REZA
6.

Berikut daftar materi yang akan kita bahas terkait method

const str = 'reza';
console.log(str.toUpperCase()); // REZA
3.

Apa Itu Method String?

Sesuai namanya, method

const str = 'reza';
console.log(str.toUpperCase()); // REZA
3 adalah fungsi atau method yang ada di dalam objek
const str = 'reza';
console.log(str.toUpperCase()); // REZA
3.

Nilai string primitif seperti

startsWith(karakterDicari, posisi);
7 tidak memiliki properti dan method karena bukan objek.

Tapi di JavaScript, methode yang ada di dalam string non-primitif (

startsWith(karakterDicari, posisi);
8) juga dapat digunakan untuk string primitif, ini juga berlaku untuk
startsWith(karakterDicari, posisi);
9 dan
const str = 'reza';

console.log(str.startsWith('re')); // true
console.log(str.startsWith('Re')); // false
console.log(str.startsWith('za', 2)); // true
console.log(str.startsWith('za', 3)); // false
0.

Sama seperti objek yang sudah kita bahas sebelumnya, kita bisa mengakses properti dan method menggunakan notasi titik.

string.properti

Contoh:

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA

Jadi jangan bingung, jika kita tiba-tiba bisa mengakses properti dan method, itu semua ada di dalam objek

const str = 'reza';
console.log(str.toUpperCase()); // REZA
3.

Semua method dan properti mengembalikan nilai baru tidak mengubah string asli atau string sumber yang dimanipulasi, karena di sini kita akan memanipulasi string primitif yang dibuat dengan sintaks literal.

Daftar Method String

Sebetulnya ada banyak method

const str = 'reza';
console.log(str.toUpperCase()); // REZA
3 yang bisa kita gunakan, namun di sini kita mempelajari method yang paling sering digunakan saja.

const str = 'reza'; console.log(str.toUpperCase()); // REZA 8 - Hitung Panjang String

const str = 'reza';
console.log(str.toUpperCase()); // REZA
8 sebetulnya bukanlah method, melainkan properti. Oleh karena itu kita tidak perlu menggunakan tanda kurung lengkung
const str = 'reza';

console.log(str.startsWith('re')); // true
console.log(str.startsWith('Re')); // false
console.log(str.startsWith('za', 2)); // true
console.log(str.startsWith('za', 3)); // false
5.

const str = 'reza';
console.log(str.toUpperCase()); // REZA
8 mengembalikan tipe data angka panjang string.

Contoh

const str = 'reza';
console.log(str.length); // 4

const str = 'reza'; console.log(str.toUpperCase()); // REZA 5 - Ubah String ke Huruf Besar

const str = 'reza';
console.log(str.toUpperCase()); // REZA
5 mengembalikan string yang dikonversi ke huruf besar.

Contoh

const str = 'reza';
console.log(str.toUpperCase()); // REZA

const str = 'reza'; console.log(str.toUpperCase()); // REZA 6 - Ubah String ke Huruf Kecil

const str = 'reza';
console.log(str.toUpperCase()); // REZA
6 mengembalikan string yang dikonversi ke huruf kecil.

const str = 'Reza';
console.log(str.toLowerCase()); // reza

const str = 'Reza'; console.log(str.toLowerCase()); // reza 1 - Apakah String Diawali dengan Karakter Tertentu

const str = 'Reza';
console.log(str.toLowerCase()); // reza
1 mengecek apakah string diawali dengan karakter yang ditentukan dalam parameter.

Sintaks

startsWith(karakterDicari, posisi);

Parameter

  • endsWith(karakterDicari, panjang);
    
    3: karakter yang akan dicari di awal string, peka huruf besar/kecil.
  • endsWith(karakterDicari, panjang);
    
    4 (opsional): posisi/index awal pencarian, default
    endsWith(karakterDicari, panjang);
    
    5.

Perlu diketahui, karakter pertama string memiliki posisi atau indeks

endsWith(karakterDicari, panjang);
5.

Nilai Kembalian

endsWith(karakterDicari, panjang);
7 jika karakter yang dicari ditemukan di awal string,
endsWith(karakterDicari, panjang);
8 jika tidak.

Contoh

const str = 'reza';

console.log(str.startsWith('re')); // true
console.log(str.startsWith('Re')); // false
console.log(str.startsWith('za', 2)); // true
console.log(str.startsWith('za', 3)); // false

const str = 'Reza'; console.log(str.toLowerCase()); // reza 2 - Apakah String Diakhiri dengan Karakter Tertentu

const str = 'Reza';
console.log(str.toLowerCase()); // reza
2 mengecek apakah string diakhiri dengan karakter yang ditentukan dalam parameter.

Jika ditentukan paremeter kedua (

const str = 'saya sedang belajar javascript';

console.log(str.endsWith('pt')); // true
console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang)
1), string akan dipotong sesuai dengan panjang yang ditentukan, string itulah yang kemudian diperiksa apakah diakhiri karakter yang ditentukan atau tidak.

Perlu diperhatikan, panjang/length dimluai dari 1 sedangkan indeks dimulai dari 0.

Sintaks

endsWith(karakterDicari, panjang);

Parameter

  • endsWith(karakterDicari, panjang);
    
    3: karakter yang dicari di akhir string, peka huruf besar/kecil.
  • const str = 'saya sedang belajar javascript';
    
    console.log(str.endsWith('pt')); // true
    console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang)
    
    1 (opsional): panjang string, default-nya panjang string sumber (
    const str = 'saya sedang belajar javascript';
    
    console.log(str.endsWith('pt')); // true
    console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang)
    
    4).

Nilai Kembalian

endsWith(karakterDicari, panjang);
7 jika karakter yang dicari ditemukan di akhir string,
endsWith(karakterDicari, panjang);
8 jika tidak.

Contoh

const str = 'saya sedang belajar javascript';

console.log(str.endsWith('pt')); // true
console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang)

const str = 'Reza'; console.log(str.toLowerCase()); // reza 3 - Apakah String Berisi Karakter Tertentu

const str = 'Reza';
console.log(str.toLowerCase()); // reza
3 melakukan pencarian (peka huruf besar/kecil) apakah string berisi atau mengandung karakter yang ditentukan.

Sintaks

includes(karakterDicari, posisi);

Parameter

  • endsWith(karakterDicari, panjang);
    
    3: string atau karakter yang dicari.
  • endsWith(karakterDicari, panjang);
    
    4 (opsional): posisi/index untuk memulai pencarian, default
    endsWith(karakterDicari, panjang);
    
    5.

Nilai Kembalian

endsWith(karakterDicari, panjang);
7 jika karakter ditemukan di mana saja di dalam string,
endsWith(karakterDicari, panjang);
8 jika tidak.

Contoh

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
0

const str = 'Reza'; console.log(str.toLowerCase()); // reza 4 - Ekstrak String

const str = 'Reza';
console.log(str.toLowerCase()); // reza
4 melakukan pemotongan atau mengekstrak bagian tertentu pada string mulai dari indeks awal hingga akhir sesuai dengan yang ditentukan.

Karakter yang berada tepat di indeks awal tidak akan diambil, yang diambil adalah karakter selanjutnya.

Jika indeks akhir tidak ditentukan, dipotong hingga akhir string.

Sintaks

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
1

Parameter

  • includes(karakterDicari, posisi);
    
    6: indeks awal pemotongan.
  • includes(karakterDicari, posisi);
    
    7 (opsional): indeks akhir pemotongan, default
    endsWith(karakterDicari, panjang);
    
    5.

Nilai Kembalian

Mengembalikan string hasil pemotongan.

Contoh

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
2

const str = 'Reza'; console.log(str.toLowerCase()); // reza 5 - Pecah String dan Ubah Menjadi Array

const str = 'Reza';
console.log(str.toLowerCase()); // reza
5 memecah string menjadi beberapa bagian sesuai separator yang ditentukan, string yang telah dibagi akan dimasukkan ke dalam array.

Separator akan dihapus, tidak ikut dimasukkan ke dalam array.

Jika separator tidak ditentukan, string akan dimasukkan ke dalam array tanpa pembagian.

Dengan kata lain array yang dikembalikan hanya punya satu elemen yang berisi string tersebut.

Sintaks

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
3

Parameter

  • const nama = 'reza';
    nama.toUpperCase(); // REZA
    
    // atau
    
    'reza'.toUpperCase(); // REZA
    
    01: pola yang menjadi pemisah string, bisa berupa string sederhana atau ekspresi reguler (regex).
  • const nama = 'reza';
    nama.toUpperCase(); // REZA
    
    // atau
    
    'reza'.toUpperCase(); // REZA
    
    02 (opsional): bilangan bulat positif untuk membatasi jumlah elemen array.

Nilai Kembalian

Mengembalikan array yang berisi elemen string hasil pembagian sesuai separator.

Contoh

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
4

const str = 'Reza'; console.log(str.toLowerCase()); // reza 6 - Ambil Bagian String

Mirip seperti

const str = 'Reza';
console.log(str.toLowerCase()); // reza
4,
const str = 'Reza';
console.log(str.toLowerCase()); // reza
6 mengambil bagian dari string sesuai dengan indeks awal dan akhir yang ditentukan.

Karakter yang berada tepat di indeks awal ikut diambil, sedangkan karakter di indeks akhir tidak diambil.

Sintaks

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
5

Parameter

  • includes(karakterDicari, posisi);
    
    6: indeks dari karakter pertama yang ingin diambil.
  • includes(karakterDicari, posisi);
    
    7 (opsional): indeks karakter akhir yang ingin dikecualikan dari string yang dikembalikan.

Nilai Kembalian

Mengembalikan string yang berisi bagian tertentu dari string sumber.

Contoh

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
6

const str = 'Reza'; console.log(str.toLowerCase()); // reza 7 - Cari Index Kemunculan Pertama dari Karakter Tertentu

const str = 'Reza';
console.log(str.toLowerCase()); // reza
7 mencari indeks dari karakter tertentu di dalam string. Jika string yang dicari lebih dari satu karakter, yang dikembalikan adalah indeks karakter pertama.

Jika karakter muncul lebih dari sekali dalam string, karakter pertama digunakan.

Sintaks

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
7

Parameter

  • endsWith(karakterDicari, panjang);
    
    3: karakter yang dicari.
  • const nama = 'reza';
    nama.toUpperCase(); // REZA
    
    // atau
    
    'reza'.toUpperCase(); // REZA
    
    11 (opsional): bilangan bulat yang mewakili indeks untuk memulai pencarian, default
    endsWith(karakterDicari, panjang);
    
    5.

Nilai Kembalian

Indeks kemunculan pertama

endsWith(karakterDicari, panjang);
3, atau
const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
14 jika tidak ditemukan.

Contoh

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
8

const str = 'Reza'; console.log(str.toLowerCase()); // reza 8 - Cari Index Kemunculan Terakhir dari Karakter Tertentu

const str = 'Reza';
console.log(str.toLowerCase()); // reza
8 mencari indeks dari kemunculan terakhir karakter tertentu di dalam string. Jika string yang dicari lebih dari satu karakter, yang dikembalikan adalah indeks karakter pertama.

Jika karakter muncul lebih dari sekali dalam string, karakter terakhir digunakan.

Sintaks

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
9

Parameter

  • endsWith(karakterDicari, panjang);
    
    3: karakter yang dicari.
  • const nama = 'reza';
    nama.toUpperCase(); // REZA
    
    // atau
    
    'reza'.toUpperCase(); // REZA
    
    18 (opsional): bilangan bulat yang mewakili indeks akhir pencarian, default
    const nama = 'reza';
    nama.toUpperCase(); // REZA
    
    // atau
    
    'reza'.toUpperCase(); // REZA
    
    19.

Nilai Kembalian

Indeks kemunculan terakhir

endsWith(karakterDicari, panjang);
3, atau
const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
14 jika tidak ditemukan.

Contoh

const str = 'reza';
console.log(str.length); // 4
0

const str = 'Reza'; console.log(str.toLowerCase()); // reza 9 - Hapus Spasi di Awal dan Akhir String

const str = 'Reza';
console.log(str.toLowerCase()); // reza
9 menghapus spasi (white space) di awal dan akhir string termasuk spasi, tab, dan sebagainya, serta karakter terminator baris seperti CR dan LF.

Sintaks

const str = 'reza';
console.log(str.length); // 4
1

Nilai Kembalian

Mengembalikan string sesuai sumber tanpa spasi di awal dan akhir.

Contoh

const str = 'reza';
console.log(str.length); // 4
2

startsWith(karakterDicari, posisi); 0 - Hapus Spasi di Awal String

startsWith(karakterDicari, posisi);
0 menghapus spasi (white space) di awal string termasuk spasi, tab, dan sebagainya, serta karakter terminator baris seperti CR dan LF.

Sintaks

const str = 'reza';
console.log(str.length); // 4
3

Nilai Kembalian

Mengembalikan string sesuai sumber tanpa spasi di awal.

Contoh

const str = 'reza';
console.log(str.length); // 4
4

startsWith(karakterDicari, posisi); 1 - Hapus Spasi di Akhir String

startsWith(karakterDicari, posisi);
1 menghapus spasi (white space) di akhir string termasuk spasi, tab dan sebagainya, serta karakter terminator baris seperti CR dan LF.

Sintaks

const str = 'reza';
console.log(str.length); // 4
5

Nilai Kembalian

Mengembalikan string sesuai sumber tanpa spasi di akhir.

Contoh

const str = 'reza';
console.log(str.length); // 4
6

startsWith(karakterDicari, posisi); 2 - Ulang String

startsWith(karakterDicari, posisi);
2 mengembalikan string sumber yang diulang sesuai dengan jumlah pengulangan yang ditentukan.

Sintaks

const str = 'reza';
console.log(str.length); // 4
7

Parameter

  • const nama = 'reza';
    nama.toUpperCase(); // REZA
    
    // atau
    
    'reza'.toUpperCase(); // REZA
    
    30: bilangan bulat positif yang medeskripsikan jumlah pengulangan string.

Nilai Kembalian

Mengembalikan string sumber yang diulang sesuai dengan jumlah pengulangan (

const nama = 'reza';
nama.toUpperCase(); // REZA

// atau

'reza'.toUpperCase(); // REZA
30) yang ditentukan.

Contoh

const str = 'reza';
console.log(str.length); // 4
8

const str = 'reza'; console.log(str.toUpperCase()); // REZA 4 - Ganti Karakter Tertentu Sesuai yang Ditentukan

const str = 'reza';
console.log(str.toUpperCase()); // REZA
4 mengganti karakter tertentu di dalam string sesuai dengan karakter yang ditentukan.

Jika karakter yang ingin diganti muncul lebih dari sekali di dalam string, hanya yang pertama yang diganti.

Apa itu Method dalam JS?

Methodmethod ini digunakan untuk manipulasi array, seperti menambah item baru, menghapus, dan sebagainya.

Apa yang dimaksud dengan function dan method?

Secara singkat perbedaan antara fungsi dan metode adalah fungsi adalah serangkaian instruksi untuk menjalankan sebuah tugas, sedangkan metode adalah serangkaian instruksi yang berkaitan dengan sebuah object.

Apa itu objek pada javascript?

Objek sebenarnya adalah sebuah variabel yang menyimpan nilai (properti) dan fungsi (method).

Method apa yang digunakan untuk menghasilkan karakter berdasarkan index dari sebuah string?

Method Objek String: String.indexOf() Method String.indexOf() berfungsi untuk mencari karakter atau kata dalam sebuah String.