AsrulDev

AsrulDev

Membuat awal kata kapital dengan Javascript

Membuat awal kata kapital dengan Javascript

Asrul H's photo
Asrul H
·Jul 23, 2021·

2 min read

Subscribe to our newsletter and never miss any upcoming articles

Table of contents

  • toUpperCase():
  • slice():
  • charAt():
  • replace():

JavaScript menawarkan banyak cara untuk memanfaatkan string untuk membuat huruf besar atau kapital pada karakter pertama. Ayo pelajari beberapa cara ini, dan cari tahu yang mana yang harus Anda gunakan.

Berikut caranya:

toUpperCase():

Fungsi ini berlaku pada string dan mengubah semua huruf menjadi huruf besar.

string.toUpperCase()

let nama = "anis aikriyyah";
console.log(nama.toUpperCase());
// ANIS FIKRIYYAH

slice():

Fungsi ini berlaku pada string dan memotong sesuai dengan parameter yang dikirimkan.

string.slice(start, end)

Keterangan:

  • start: Parameter ini diperlukan. Ini menentukan posisi di mana untuk memulai pemotongan. Pengindeksan dimulai pada posisi 0.

  • end: Ini adalah parameter opsional. Ini menentukan posisi dari mana untuk mengakhiri pemotongan (tanpa termasuk akhir). Jika parameter ini dihilangkan, Ini akan memilih semua karakter dari awal.

let nama = "anis aikriyyah";
console.log(nama.slice(0, 4));
// anis

Untuk membuat tulisan anis fikriyyah menjadi Anis fikriyyah adalah dengan cara berikut:

let nama = "anis fikriyyah";
let besar = nama.slice(0, 1).toUpperCase();
let kecil = nama.slice(1);

console.log(besar + kecil);
// Anis fikriyyah

charAt():

Fungsi .charAt() ini mengembalikan karakter pada posisi atau index yang diberikan dalam string.

let nama = "anis fikriyyah";
let besar = nama.charAt(0).toUpperCase();
let kecil = nama.slice(1);

console.log(besar + kecil);
// Anis fikriyyah

replace():

Ini adalah fungsi bawaan dalam JavaScript yang digunakan untuk mengganti sepotong string dengan string lain atau ekspresi reguler (regex). String asli tidak akan terpengaruh.

const nama = "anis fikriyyah";
const hasil = nama.replace(/^\w/, (c) => c.toUpperCase());

console.log(hasil);
// Anis fikriyyah

Anda juga bisa menggunakan library seperti lodash dan lainnya, Misal dengan lodash

var nama = "anis fikriyyah";
console.log(_.capitalize(nama));
// Anis fikriyyah
 
Share this