TypeScript - Strings: A Guide for Beginners

Halo, para pemrogram masa depan! Hari ini, kita akan memulai perjalanan menarik ke dunia string TypeScript. Sebagai guru komputer tetangga yang ramah, saya di sini untuk mengarahkan Anda melalui konsep fundamental ini. Jangan khawatir jika Anda belum pernah memrogram sebelumnya - kita akan mulai dari awal dan membangun pengetahuan kita langkah demi langkah. Jadi, ambil secangkir minuman favorit Anda, dan mari kita masuk ke dalam!

Apa Itu Strings?

Sebelum kita melompat ke spesifikasi TypeScript, mari kita mengerti apa itu strings. Dalam pemrograman, string adalah sekuel karakter. Itu bisa menjadi kata, kalimat, atau bahkan paragraf penuh. Bayangkan itu seperti "string" huruf, angka, atau simbol yang diikat bersama.

Membuat Strings di TypeScript

Dalam TypeScript, kita dapat membuat strings dengan beberapa cara. Mari kita lihat metode yang paling umum:

1. Menggunakan Tanda Petik Biasa

let greeting: string = 'Hello, World!';
console.log(greeting);

Dalam contoh ini, kita membuat variabel string bernama greeting dan memberikan nilai 'Hello, World!' kepadanya. Fungsi console.log() kemudian mencetak ini ke konsol.

2. Menggunakan Tanda Petik Ganda

let name: string = "Alice";
console.log(name);

Ini melakukan hal yang sama seperti contoh sebelumnya, tapi menggunakan tanda petik ganda. Dalam TypeScript, tanda petik biasa dan tanda petik ganda dapat digunakan secara bergantian untuk strings.

3. Menggunakan Backticks (Template Literals)

let age: number = 25;
let introduction: string = `My name is Alice and I am ${age} years old.`;
console.log(introduction);

Ini adalah tempat hal-hal menjadi menarik! Backticks memungkinkan kita membuat apa yang kita sebut "template literals". Mereka memungkinkan kita untuk menanamkan ekspresi (seperti variabel age kita) secara langsung ke dalam string. Sintaks ${} digunakan untuk memasukkan nilai age ke dalam string kita.

Properti String

Sekarang kita tahu bagaimana membuat strings, mari kita lihat beberapa propertinya. Properti yang paling sering digunakan adalah length.

let sentence: string = "The quick brown fox jumps over the lazy dog.";
console.log(sentence.length); // Output: 44

Properti length memberitahu kita berapa karakter yang ada dalam string kita, termasuk spasi dan tanda baca. Itu sangat berguna ketika kita perlu mengetahui ukuran string kita.

Metode String

Strings di TypeScript datang dengan sejumlah metode bawaan yang memungkinkan kita untuk memanipulasi dan bekerja dengannya. Mari kita lihat beberapa yang paling umum digunakan:

Metode	Deskripsi	Contoh
toLowerCase()	Mengkonversi semua karakter ke lowercase	"HELLO".toLowerCase() // "hello"
toUpperCase()	Mengkonversi semua karakter ke uppercase	"hello".toUpperCase() // "HELLO"
trim()	Menghapus spasi dari kedua ujung string	" hi ".trim() // "hi"
substring(start, end?)	Ekstrak bagian dari string	"hello".substring(1, 4) // "ell"
replace(searchValue, replaceValue)	Mengganti kejadian dari string	"hello".replace("l", "L") // "heLlo"
split(separator)	Memecah string menjadi array substring	"a,b,c".split(",") // ["a", "b", "c"]

Mari kita lihat ini dalam aksi dengan beberapa contoh:

let str: string = "   Hello, TypeScript!   ";

// Mengkonversi ke lowercase
console.log(str.toLowerCase()); // "   hello, typescript!   "

// Mengkonversi ke uppercase
console.log(str.toUpperCase()); // "   HELLO, TYPESCRIPT!   "

// Menghapus spasi
console.log(str.trim()); // "Hello, TypeScript!"

// Mendapatkan substring
console.log(str.substring(3, 8)); // "Hello"

// Mengganti bagian string
console.log(str.replace("TypeScript", "World")); // "   Hello, World!   "

// Memecah string
console.log(str.trim().split(",")); // ["Hello", " TypeScript!"]

Setiap metode ini mengembalikan string baru, meninggalkan string asli tak berubah. Ini adalah konsep penting dalam pemrograman yang disebut "immutabilitas".

Contoh Praktis

Sekarang kita telah menutupi dasar-dasar, mari kita lihat beberapa contoh dunia nyata di mana manipulasi string dapat berguna.

1. Memvalidasi Input Pengguna

Bayangkan Anda membuat formulir pendaftaran dan ingin memastikan username tidak memiliki spasi di awal atau akhir:

function validateUsername(username: string): string {
return username.trim();
}

let input: string = "  alice_smith  ";
let cleanUsername: string = validateUsername(input);
console.log(cleanUsername); // "alice_smith"

2. Membuat Fungsi Pencarian Sederhana

Mari kita buat fungsi yang memeriksa apakah kata tertentu ada dalam kalimat:

function searchWord(sentence: string, word: string): boolean {
return sentence.toLowerCase().includes(word.toLowerCase());
}

let text: string = "The quick brown fox jumps over the lazy dog";
console.log(searchWord(text, "fox")); // true
console.log(searchWord(text, "cat")); // false

Fungsi ini mengkonversi baik kalimat maupun kata pencarian ke lowercase untuk membuat pencarian case-insensitive.

3. Memformat Nama

Ini adalah fungsi yang memformat nama lengkap dari input nama depan dan belakang terpisah:

function formatName(firstName: string, lastName: string): string {
return `${firstName.charAt(0).toUpperCase()}${firstName.slice(1).toLowerCase()} ${lastName.toUpperCase()}`;
}

console.log(formatName("john", "doe")); // "John DOE"

Fungsi ini kapitalkan huruf pertama dari nama depan, membuat sisanya lowercase, dan membuat seluruh nama belakang uppercase.

Kesimpulan

Selamat! Anda baru saja mengambil langkah pertama ke dunia string TypeScript. Kita telah menutupi bagaimana membuat strings, propertinya, dan metode paling umum untuk memanipulasinya. Ingat, latihan membuat sempurna, jadi jangan khawatir untuk mencoba konsep ini.

Dalam tahun-tahun mengajar saya, saya menemukan bahwa siswa yang bermain dengan kode dan mencoba untuk merusak hal-hal sering kali belajar tercepat. Jadi, teruskan, gunakan contoh ini, modifikasikan mereka, dan lihat apa yang terjadi. Siapa tahu? Anda mungkin menemukan sesuatu yang baru dan menarik!

Terus coding, tetap bersemangat, dan ingat: di dunia pemrograman, setiap pesan kesalahan adalah kesempatan belajar baru yang disembunyikan. Selamat coding!

Credits: Image by storyset