Змінні та типи данних в JavaScript

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук

Змінні

У сценаріях JavaScript можна використовувати змінні, звертаючись до них за назвою. Змінні можуть бути глобальними або локальними. Глобальні змінні досяжні з довільного місця сценарію. Область дії локальних змінних обмежено кодом функції, всередині якого оголошено ці змінні. При створенні сценаріїв JavaScript рекомендовано оголошувати змінні до їхнього використання та надавання початкових величин. Це спрощує відлагодження сценаріїв і зменшує ймовірність помилки.

Оголошення змінної

Оголосити змінну у JavaScript можна при допомозі ключового слова var, таким чином:

var назва змінної

Тип змінної JavaScript надає лише при наданні змінній певної величини. Після такого надання назва змінної стане доступною, навіть якщо її попередньо не було оголошено.
Назва змінної:

  • має починатися начинаться з літери латиниці або символів "_" чи "$", містити лише літери латиниці, цифри і символи "_" та "$";
  • не Курсивное начертаниеможе збігатися з жодним з таких зарезервированих слів JavaScript:

Spisok slov.JPG

Надання змінним величини здійснюють за допомогою оператора "=". Наприклад, оголошення змінної і надання їй величини текстового рядка можна здійснити так:

var Hello;
Hello = "Привіт!";

При цьому у довільному місці програми змінній Hello можна надати числельну величину, наприклад, так:

Hello = 4;

Після здійснення такої операції тип змінної буде змінено, але у процесі інтерпретації сценарію не буде зроблено жодного попереджувального повідомлення. Змінній можна надати спеціальну величину null. У цьому пипадку змінній не призначено жоден з типів.

Тип число допускає використання різних форматів, наприклад,:

25 — запис цілого числа у десятковій системі числення;
0137 — запис цілого числа у вісімковій системі числення;
0xFF — запис цілого числа у шістнадцятковій системі числення;
386.7 — запис дійсного числа с плавающей десятковою крапкою;
25e5 або 25E5 — запис дійсного числа в науковій нотації, дорівнює 25 ∙ 105.

Якщо результат виконання операцій з числами не можна подати числом, то повертається величина NaN (від англійською Not a Number).
Тип текстовий рядок описує послідовність символів між лапками (' або ", але одного вигляду). Слід зауважити, порожній рядок відмінний від null.
Тип логічних даних передбачає лише дві величини: true і false.
Якщо змінну було оголошено, але їй не було надано величини, вона має невизначений тип.
Якщо у виразах зустрічаються змінні різних типів, інтерпретатор JavaScript може автоматично перетворити числові дані в рядки тексту. Перетворення рядка у число виконують лише з допомогою спеціальних функцій parseInt (у ціле) і parseFloat (у дійсне).

Типи даних

Мова JavaScript містить шість типів даних: Undefined (непроникний), Null (нульовий), Boolean (логічний), String (рядковий), Number (числовий) і Object (об'єктний). Це відносно незначна кількість типів дозволяє, тим не менше, створювати повноцінні сценарії для виконання багатьох функцій.

Базові типи - це String (рядковий), Number (числовий) і Boolean (логічний).

У Javascript є і об'єктні типи даних і елементарні, які можна інтерпретувати як об'єкти.


Типы данных JS.JPG


Елементарні - створюються простою вказівкою даних:

var orange = "Апельсин"

Об'єктні - наприклад, через оператор new:

var orange = new String("Апельсин")

На практиці, хоча для кожного елементарного типу є відповідний об'єкт, використовувати їх не рекомендується. Це - відмерла частина мови.

var ok = new Boolean(true) // не треба

Елементарні типи автоматично інтерпретуються як об'єкти при викликах методів, тому можна, визначати довжину рядка як:

alert("Апельсин".length)

Тому іноді кажуть, що в javascript - всі об'єкти. Так зручно думати, але певна різниця все ж є.
Наприклад, typeof видасть різний результат:

alert(typeof "test")
Результат 1.JPG
alert(typeof new String("test"))
Результат 2.JPG


Це - ще одна причина уникати використання об'єктів там, де існує елементарний тип: менше плутанини.

Перетворення типу можна явним чином зробити через його назву:

var test = Boolean("something") // true

Крім усім відомих типів даних - в javascript є спеціальне значення undefined, яке, умовно кажучи, позначає що "даних немає". Не null, а даних немає. Розумійте як хочете.

Тип Number (числовий)

Цей тип має формат з плаваючою комою і може задаватись в довільній формі, наприклад, 1.349, 12, .0529,-1.5e10. Запис цілих чисел можлива в вісімковій (починається з O) або шістнадцятковій (починається з Ox) формі. Якщо в ході операцій виникає помилка (наприклад, при діленні на нуль), то змінна отримає значення NaN (not-a-number, що не число).

Всі числа зберігаються у форматі float64, т.е 8 байт з плаваючою крапкою. У цьому форматі не завжди можливі точні обчислення. Наприклад,

alert(0.1+0.2)  // виведе не 0.3!
Результат 3.JPG


Цікаві методи

Округлення до потрібної точності після коми

Для цього використовується метод toFixed.

0.1234.toFixed(2)  = 0.12

Конвертація у число

Стандартно конвертація здійснюється викликом Number (). Можна і простіше: + str.

// еквівалентні записи
var str = "002"
var a = Number(str) // 2
// нечисла перетворюються в NaN
+"0.1"  // => 0.1
+"0.1z" // => Number.NaN

Крім жорсткої конвертації є і більш м'яка фільтрація в число:

// обрізається все після числа
parseFloat("0.1zf") = 0.1
parseInt("08f.4", 10) = 8
// тут числа взагалі немає, тому NaN
parseFloat("smth") = Number.NaN

parseFloat, parseInt переводять зліва направо, поки це можливо. Якщо взагалі неможливо - то NaN.

Другий аргумент parseInt - основа системи числення. Якщо його немає, то система сама намагається вгадати систему числення:

parseInt("0x10") = 16 // т.я 0x означає 16-річну систему
parseInt("010") = 8 // т.я провідний 0 означає 8-річну систему
// якщо хочете без сюрпризів - вказуйте основу явно
parseInt("010",10) = 10

Математика

Всі математичні функції знаходяться в "пакеті" Math. Не те, щоб у javascript є реальні пакунки просто так вийшло.

  • Math.floor () / Math.round () / Math.ceil () - округлення
  • Math.abs () - модуль числа
  • Math.sin () і т.д

Тип String (рядковий)

Складається з усіх можливих текстових рядків. Кожен рядок представляє собою упорядкований масив з нуля або більше символів Unicode (тобто 16-бітових цілих чисел без знаку), які називаються частинами рядка. Елементи рядків нумеруються, починаючи з нуля.

  • Лапки подвійні і одинарні працюють однаково
  • Можна вказувати Юнікодние символи через \ uXXXX:
    • "зірочка: \ u002a"
  • Вбудовані регулярні вирази, методи replace / match:
    • "превед медвед". replace (/ (. *?) \ s (. *) /, "$ 2, $ 1!") / / => медвед, превед!

Тип Boolean (логічний)

Логічний тип складається рівно з двох логічних значень: true (істина) і false (неправда).


Тип Object (об'єктний)

Значення цього типу є об'єкти. Об'єкт - це хаотичний набір властивостей, який більш конкретно описано в цьому розділі.

Тип Undefined (невизначений)

Цей тип складається з одного значення undefined. Це значення, яке приймає змінна, яка оголошена в програмі, але якій ще не присвоєно ніякого значення.

Тип Null (нульовий)

Складається з одного значення null. Це значення означає нульове, порожнє або неіснуюче посилання.

Перетворення типів

Тип змінної залежить від того, який тип інформації в ній зберігається. JavaScript - слаботипізована мова. Це означає, що в декларації змінної не вказується його тип і надалі можна надавати їй значення будь-яких типів. Виконуюча система JavaScript сама виконує автоматичне перетворення типів даних у міру необхідності. Для явного перетворення типів використовуються методи Boolean, Number, Object і String.

Тип змінної привласнюється змінній автоматично протягом виконання скрипта. Так, наприклад, ви можете визначити змінну в такий спосіб:

var answer=42

А пізніше, ви можете привласнити тій же змінній значення, що наприклад випливає:

answer="Thanks for all the fish..." 

Або розглянемо наступне вираження: