Główna zawartość
Programowanie
Kurs: Programowanie > Rozdział 1
Lekcja 9: Tekst i Ciągi ZnakówPrzegląd: Tekst i ciągi znaków
Oto przegląd tego, co zostało zawarte w poradniku odnośnie tekstów.
Przed tym poradnikiem, używaliśmy głównie wartości liczbowych - przekazywanie liczb do funkcji, przechowywanie ich w zmiennych, itd. Teraz już wiecie, że możemy także używać wartości tekstowych, zwanych łańcuchami znaków (strings) w JavaScript - uważajcie je za powiązany ze sobą "ciąg" literek
By stworzyć łańcuch znaków, otaczamy tekst za pomocą znaków cudzysłowu:
"Witaj świecie!"
Musimy coś z nim zrobić - dla przykładu przekażmy go do instrukcji t, e, x, t, left parenthesis, right parenthesis:
text("Witaj świecie!", 100, 100);
Możemy również przechowywać go jako zmienną, a następnie przekazać ją do metody t, e, x, t, left parenthesis, right parenthesis:
var myGreeting = "Hello World!";
text(myGreeting, 100, 100);
Zauważcie, że możemy również używać pojedynczych cudzysłowów:
var myGreeting = 'Witaj świecie!';
Ale nie możemy mieszać i łączyć apostrofów—to byłby błąd! Pick either single or double marks, and stick with them.
var myGreeting = 'Witaj Świecie!"; // O nie!
Możemy manipulować łańcuchami znaków tak samo jak manipulowaliśmy zmiennymi liczbowymi. Na przykład, możemy dodać jeden łańcuch znaków do drugiego:
var myGreeting = "Alo";
var myName = "Winston";
var sayHello = myGreeting + ", " + myName + "!"; // Alo, Winston!
Gdy łączymy ciągi w JS, nazywamy to łączeniem ciągów. Możemy łączyć ciągi znaków z liczbami, na przykład:
var xPos = 10;
var yPos = 20;
var label = "Współrzędne to " + xPos + ", " + yPos;
Jak już pewnie zauważyliście, mamy do dyspozycji różne polecenia w celu zmiany rozmiaru lub koloru tekstu wyświetlanego za pomocą instrukcji t, e, x, t, left parenthesis, right parenthesis. Możecie o tym przeczytać więcej na ten temat dziale tekst naszej dokumentacji (aby się tam dostać, kliknij na zakładkę "dokumentacja").
Chcesz dołączyć do dyskusji?
- Witam witam wszystkich(6 głosów)
- Czy dużo ludzi tą aplikacjie używa(3 głosy)
- Jak zmienić rodzaj czcionki(0 głosów)
textFont("Helvetica", 40);
Ta linijka kodu zmienia czcionkę na Helveticę o rozmiarze 40. Drugi parametr jest opcjonalny, ale pozwala uniknąćtextSize
.
PS
Aby dodać czcionkę(Helvetica jest domyślna):createFont("fantasy")
(0 głosów)
- siema o to chodzi ta?(0 głosów)
- siema robie to tak o(0 głosów)