Panduan Awal Mengenai TypeScript - Rentetan: Panduan Pemula

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

apa itu Rentetan?

Sebelum kita melompat ke spesifikasi TypeScript, mari kita memahami apa itu rentetan. Dalam pemrograman, rentetan adalah sekuel karakter. Itu bisa menjadi kata, kalimat, atau bahkan paragraf keseluruhan. Bayangkan itu seperti "rentetan" huruf, angka, atau simbol yang diikat bersama-sama.

Membuat Rentetan di TypeScript

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

1. Menggunakan Tanda Petik

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

Dalam contoh ini, kita membuat variabel rentetan greeting dan memberikan nilai 'Hello, World!'. 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, tetapi menggunakan tanda petik ganda. Dalam TypeScript, tanda petik tunggal dan ganda dapat diganti untuk rentetan.

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 untuk membuat apa yang kita sebut "template literals". Mereka memungkinkan kita untuk menempelkan ekspresi (seperti variabel age kita) langsung ke dalam rentetan. Sintaks ${} digunakan untuk memasukkan nilai age ke dalam rentetan kita.

Properti Rentetan

Sekarang kita mengetahui bagaimana membuat rentetan, mari kita lihat beberapa propertinya. Properti yang paling umum digunakan adalah length.

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

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

Metode Rentetan

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

Metode	Deskripsi	Contoh
toLowerCase()	Mengubah semua karakter menjadi huruf kecil	"HELLO".toLowerCase() // "hello"
toUpperCase()	Mengubah semua karakter menjadi huruf besar	"hello".toUpperCase() // "HELLO"
trim()	Menghapus spasi dari kedua ujung rentetan	" hi ".trim() // "hi"
substring(start, end?)	Mengambil bagian dari rentetan	"hello".substring(1, 4) // "ell"
replace(searchValue, replaceValue)	Mengganti kejadian rentetan	"hello".replace("l", "L") // "heLlo"
split(separator)	Memecah rentetan menjadi array substrings	"a,b,c".split(",") // ["a", "b", "c"]

Mari kita lihat ini dalam aksi dengan beberapa contoh:

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

// Mengubah ke huruf kecil
console.log(str.toLowerCase()); // "   hello, typescript!   "

// Mengubah ke huruf besar
console.log(str.toUpperCase()); // "   HELLO, TYPESCRIPT!   "

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

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

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

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

Setiap metode ini mengembalikan rentetan baru, meninggalkan rentetan asli tidak berubah. Ini adalah konsep penting dalam pemrograman yang disebut "immutability".

Contoh Praktis

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

1. Validasi Input Pengguna

Imajinilah Anda membuat formulir pendaftaran dan ingin memastikan bahwa nama pengguna 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 mengubah kedua kalimat dan kata pencarian menjadi huruf kecil untuk membuat pencarian case-insensitive.

3. Memformat Nama

Ini adalah fungsi yang memformat nama lengkap dari input pertama dan nama 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 mengkapitalkan huruf pertama nama depan, membuat sisanya huruf kecil, dan membuat seluruh nama belakang huruf besar.

Kesimpulan

Selamat! Anda telah mengambil langkah pertama ke dalam dunia rentetan TypeScript. Kita telah melihat bagaimana membuat rentetan, propertinya, dan metode paling umum untuk memanipulasinya. Ingat, latihan membuat sempurna, jadi jangan khawatir untuk bermain dengan 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, ubah mereka, dan lihat apa yang terjadi. Siapa tahu? Anda mungkin menemukan sesuatu yang baru dan menarik!

Teruskan pemrograman, tetap curiga, dan ingat: di dunia pemrograman, setiap pesan kesalahan adalah kesempatan belajar baru dalam penampilan. Selamat pemrograman!

Credits: Image by storyset