Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

String i jego metody

Typ wartości String w JavaScript jest używany do reprezentowania i manipulowania ciągami znaków. Jest to jeden z najczęściej używanych typów danych, szczególnie w zadaniach związanych z przetwarzaniem tekstu, takich jak walidacja formularzy, manipulacja treścią strony czy komunikacja z serwerem. JavaScript oferuje szeroki wachlarz metod umożliwiających efektywną pracę ze stringami, począwszy od podstawowych operacji takich jak konkatenacja, poprzez przeszukiwanie i wyodrębnianie fragmentów tekstu, aż po zaawansowane manipulacje i transformacje.

Przykład kodu

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prymityw String w JavaScript</title>
</head>
<body>
    <script>
        // Przykład 1: Metoda length
        // Zwraca długość ciągu znaków
        const greeting = "Hello, World!";
        console.log(greeting.length); // Wyświetla: 13

        // Przykład 2: Metoda toUpperCase() i toLowerCase()
        // Zmienia wielkość liter na duże lub małe
        console.log(greeting.toUpperCase()); // HELLO, WORLD!
        console.log(greeting.toLowerCase()); // hello, world!

        // Przykład 3: Metoda includes()
        // Sprawdza, czy ciąg zawiera podciąg
        console.log(greeting.includes("World")); // true
        console.log(greeting.includes("world")); // false - uwzględnia wielkość liter

        // Przykład 4: Metoda slice()
        // Wyodrębnia fragment ciągu
        console.log(greeting.slice(7, 12)); // World

        // Przykład 5: Metoda replace()
        // Zastępuje fragment ciągu innym ciągiem
        console.log(greeting.replace("Hello", "Goodbye")); // Goodbye, World!

        // Przykład 6: Metoda trim()
        // Usuwa białe znaki z początku i końca ciągu
        const extraSpace = "  Hello, World!  ";
        console.log(extraSpace.trim()); // Hello, World!

        // Przykład 7: Metoda split()
        // Dzieli ciąg na tablicę ciągów na podstawie separatora
        const words = greeting.split(" ");
        console.log(words); // ["Hello,", "World!"]
    </script>
</body>
</html>

Każdy przykład przedstawia użycie innej metody dostępnej dla typu String w JavaScript. Komentarze bezpośrednio w kodzie wyjaśniają, co dana metoda robi i jakie są jej efekty.

Podsumowanie

Metody prymitywu String w JavaScript są niezwykle przydatne w codziennej pracy z tekstem. Pozwalają na łatwe i szybkie przetwarzanie danych tekstowych, manipulację stringami oraz wykonywanie różnych operacji takich jak wyszukiwanie, porównywanie czy dzielenie ciągów znaków. Dzięki bogatej bibliotece metod, praca z tekstami staje się znacznie łatwiejsza i bardziej intuicyjna, co jest kluczowe w wielu aplikacjach webowych i nie tylko.

Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs JavaScript od podstaw w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.