1.6 String (řetězce)

Výuka

String je datový typ pro text. Řetězce zapisujeme do uvozovek.

3 typy uvozovek

Pravidlo: Počáteční a koncová uvozovka musí být stejná.

JavaScript

// Tři způsoby zápisu
const single = 'Hello';
const double = "World";
const template = `Hello, World!`;

// Konkatenace (spojení)
const greeting = 'Hello' + ', ' + 'World!';  // "Hello, World!"

// Template literals - interpolace
const name = 'Jan';
const message = `Ahoj, ${name}!`;  // "Ahoj, Jan!"
const calc = `2 + 2 = ${2 + 2}`;   // "2 + 2 = 4"

// Víceřádkové stringy
const multi = `Řádek 1
Řádek 2
Řádek 3`;

// Escape sekvence
const escaped = 'Řádek 1\nŘádek 2';  // \n = nový řádek
const quote = 'It\'s OK';             // \' = apostrof
const path = 'C:\\Users\\Jan';       // \\ = zpětné lomítko

// String metody
const text = 'JavaScript';
console.log(text.length);          // 10
console.log(text.toUpperCase());   // "JAVASCRIPT"
console.log(text.toLowerCase());   // "javascript"
console.log(text[0]);             // "J" (první znak)
console.log(text.slice(0, 4));    // "Java"

TypeScript

// Type annotation pro string
const name: string = 'Jan';
const greeting: string = `Hello, ${name}`;

// TS kontroluje typy
const age: string = '25';       // ✅ OK (string)
// const age: string = 25;      // ❌ Error: Type 'number' is not assignable

// Funkce se string parametry
function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet('World'));    // ✅ OK
// console.log(greet(123));     // ❌ Error

// Union type
let value: string | number;
value = 'hello';                // ✅ OK
value = 42;                     // ✅ OK
// value = true;                // ❌ Error

// Literal types
type Status = 'pending' | 'success' | 'error';
const status: Status = 'success';  // ✅ OK
// const status: Status = 'unknown'; // ❌ Error

Rozdíl JS vs TS

// JavaScript
let text = 'hello';
text = 123;  // ✅ OK (ale možná nechceš)

// TypeScript
let text: string = 'hello';
// text = 123;  // ❌ Error

Tip

💡 Používej template literals:

const name = 'Jan';
const age = 25;

// ❌ Těžko čitelné
const msg1 = 'Jméno: ' + name + ', věk: ' + age;

// ✅ Čitelnější
const msg2 = `Jméno: ${name}, věk: ${age}`;

💡 Pozor na prázdný string:

const empty = '';
console.log(empty.length);  // 0
console.log(!empty);        // true (empty je falsy)