Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Typy danych


String, Number, Boolean, Array, obiekt.


Typy danych JavaScript

Zmienne JavaScript może pomieścić wiele typów danych: numbers, strings, arrays, objects i nie tylko:

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var cars = ["Saab", "Volvo", "BMW"];           // Array
var x = {firstName:"John", lastName:"Doe"};    // Object

Koncepcja typów danych

W programowaniu, typy danych jest ważnym pojęciem.

Aby móc pracować na zmiennych, ważne jest, aby wiedzieć coś na temat tego typu.

Bez typów danych, komputer nie może bezpiecznie rozwiązać ten problem:

var x = 16 + "Volvo";

Czy to ma jakiś sens, aby dodać "Volvo" szesnastu? Będzie produkować błąd lub będzie produkować wynik?

JavaScript będzie traktować powyższy przykład jako:

var x = "16" + "Volvo";

Dodając liczbę i ciąg, JavaScript będzie traktować numer jako ciąg znaków.

Przykład

var x = 16 + "Volvo";
Spróbuj sam "

Przykład

var x = "Volvo" + 16;
Spróbuj sam "

JavaScript oblicza wyrażenia od lewej do prawej. Różne sekwencje mogą przynieść różne rezultaty:

JavaScript:

var x = 16 + 4 + "Volvo";

Wynik:

20Volvo
Spróbuj sam "

JavaScript:

var x = "Volvo" + 16 + 4;

Wynik:

Volvo164
Spróbuj sam "

W pierwszym przykładzie, JavaScript traktuje 16 i 4 w liczbach, aż osiągnie "Volvo" .

W drugim przykładzie, ponieważ pierwszy argument jest ciągiem znaków, wszystkie argumenty są traktowane jako ciągi.


Typy dynamiczne JavaScript

JavaScript ma dynamiczne typy. Oznacza to, że te same zmienne mogą być stosowane w różnych rodzajach:

Przykład

var x;               // Now x is undefined
var x = 5;           // Now x is a Number
var x = "John";      // Now x is a String

JavaScript Struny

Ciąg znaków (lub ciąg tekstowy) jest ciągiem znaków takich jak "John Doe" .

Struny są napisane w cudzysłowie. Można używać pojedynczych lub podwójnych cudzysłowów:

Przykład

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

Można używać cytatów wewnątrz łańcucha, o ile nie są one zgodne z cudzysłowy łańcuch:

Przykład

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes
Spróbuj sam "

Dowiesz się więcej o struny w dalszej części tego podręcznika.


Liczby JavaScript

JavaScript ma tylko jeden rodzaj liczb.

Liczby mogą być pisane z lub bez miejsc po przecinku:

Przykład

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

Bardzo duże lub dodatkowe małe numery mogą być pisane z naukowej (wykładniczej) notacji:

Przykład

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123
Spróbuj sam "

Dowiesz się więcej na temat numerów w dalszej części tego podręcznika.


Boolean JavaScript

Boolean może mieć tylko dwie wartości: Prawda lub Fałsz.

Przykład

var x = true;
var y = false;

Wartości logiczne są często stosowane w badaniach warunkowego.

Dowiesz się więcej na temat testów warunkowego w dalszej części tego podręcznika.


Tablice JavaScript

tablice JavaScript są napisane w nawiasach kwadratowych.

elementy macierzy są oddzielone przecinkami.

Poniższy kod deklaruje (tworzy) tablicę o nazwie samochody, zawierające trzy pozycje (nazwy samochodów):

Przykład

var cars = ["Saab", "Volvo", "BMW"];
Spróbuj sam "

Indeksy tablicy są zera, co oznacza, że ​​pierwsza pozycja jest [0] Drugi [1], i tak dalej.

Dowiesz się więcej o tablicach w dalszej części tego podręcznika.


Przedmioty JavaScript

obiekty JavaScript są pisane z nawiasy.

Właściwości obiektu są zapisywane jako nazwa: par wartości, oddzielonych przecinkami.

Przykład

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Spróbuj sam "

Obiekt (osoba) w powyższym przykładzie ma 4 właściwości: firstName, lastName, age oraz eyeColor .

Dowiesz się więcej o obiektach w dalszej części tego podręcznika.


Typeof Operator

Można użyć kodu JavaScript typeof operator znaleźć typ zmiennej JavaScript:

Przykład

typeof "John"                // Returns string
typeof 3.14                  // Returns number
typeof false                 // Returns boolean
typeof [1,2,3,4]             // Returns object
typeof {name:'John', age:34} // Returns object
Spróbuj sam "

Powraca operator typeof "object" dla tablic, ponieważ w tablice JavaScript są obiektami.


Undefined

W JavaScript, zmienną bez wartości, ma wartość undefined . Typeof jest undefined .

Przykład

var person;                  // Value is undefined, type is undefined
Spróbuj sam "

Każda zmienna może być opróżnione, ustawiając wartość undefined . Typ będzie również undefined .

Przykład

person = undefined;          // Value is undefined, type is undefined
Spróbuj sam "

Puste wartości

Pusta wartość ma nic wspólnego z niezdefiniowany.

Zmienna ciąg pusty posiada zarówno wartość i typ.

Przykład

var car = "";                // The value is "", the typeof is string
Spróbuj sam "

Null

W wartości null JavaScript jest "nic". To ma być coś, co nie istnieje.

Niestety, w JavaScript, typ danych null jest obiektem.

Można to błąd w JavaScript, które uważają typeof null jest obiektem. Powinno być null .

można opróżnić obiektu poprzez ustawienie go na null:

Przykład

var person = null;           // Value is null, but type is still an object
Spróbuj sam "

Można również opróżnienie obiektu, ustawiając go undefined :

Przykład

var person = undefined;     // Value is undefined, type is undefined
Spróbuj sam "

Różnica między Undefined i Null

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
Spróbuj sam "