Типы данных JavaScript

строковых значений, числовых значений, логических значений, массивов, объектов.

Типы данных JavaScript

Переменные JavaScript могут сохранять множествоТипы данных：числовые значения, строковые значения, массивы, объекты и т.д.:

var length = 7;                             // Число
var lastName = "Gates";                      // Строка
var cars = ["Porsche", "Volvo", "BMW"];         // Массив
var x = {firstName:"Bill", lastName:"Gates"};    // Объект

Концепция типа данных

В процессе программирования типы данных являются важной концепцией.

Чтобы оперировать переменными, важно понимать типы данных.

Если нет типа данных, компьютер не может безопасно решить эту задачу:

var x = 911 + "Porsche";

Имеет ли смысл добавить 911 к "Volvo"? Это приведет к ошибке или создаст результат?

JavaScript обрабатывает пример так:

var x = "911" + "Porsche";

Когда к числу добавляется строка, JavaScript рассматривает число как строку.

Пример

var x = 911 + "Porsche";

Попробуйте сами

Пример

var x = "Porsche" + 911;

Попробуйте сами

JavaScript вычисляет выражение слева направо. Различный порядок может привести к различным результатам:

JavaScript:

var x = 911 + 7 + "Porsche";

Результат:

918Porsche

Попробуйте сами

JavaScript:

var x = "Porsche" + 911 + 7;

Результат:

Porsche9117

Попробуйте сами

В первом примере, JavaScript рассматривает 911 и 7 как числа до тех пор, пока не встретит "Porsche".

Во втором примере, так как первым операндом является строка, все операнды считаются строками.

JavaScript имеет динамический тип

JavaScript имеет динамический тип. Это означает, что один и тот же переменная может использоваться для различных типов:

Пример

var x;               // Теперь x - это undefined
var x = 7;           // Теперь x - это числовое значение
var x = "Bill";      // Теперь x - это строковое значение

Попробуйте сами

Строковые значения в JavaScript

Строка (или текстовая строка) - это последовательность символов (например, "Bill Gates").

Строки окружены кавычками. Вы можете использовать как одинарные, так и двойные кавычки:

Пример

var carName = "Porsche 911";   // Использование двойных кавычек
var carName = 'Porsche 911';   // Использование одинарных кавычек

Попробуйте сами

Вы можете использовать кавычки в строках, только если эти кавычки не совпадают с окружающими строку кавычками:

Пример

var answer = "It's alright";             // Одинарные кавычки в двойных
var answer = "He is called 'Bill'";    // Одинарные кавычки в двойных
var answer = 'He is called "Bill"';    // Двойные кавычки в одинарных

Попробуйте сами

Вы узнаете больше о строках в этом курсе.

Числа в JavaScript

JavaScript имеет только один тип чисел.

При записи чисел можно использовать или не использовать десятичную точку:

Пример

var x1 = 34.00;     // С десятичной точкой
var x2 = 34;        // Без десятичной точки

Попробуйте сами

Числа, которые слишком велики или слишком малы, можно записать с помощью научной записи:

Пример

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

Попробуйте сами

Вы узнаете больше о числовых знаниях в этом руководстве.

Булево значение JavaScript

Булево значение имеет только два значения:true или false.

Пример

var x = true;
var y = false;

Попробуйте сами

Булево значение часто используется в тестах условий.

Вы узнаете больше о тестах условий в этом руководстве.

Массивы JavaScript

Массивы JavaScript записываются с помощью квадратных скобок.

Элементы массива разделены запятыми.

Ниже приведен код, который объявляет (создает) массив под названием cars, содержащий три элемента (бренды автомобилей):

Пример

var cars = ["Porsche", "Volvo", "BMW"];

Попробуйте сами

Индекс массива начинается с нуля, что означает, что первый элемент [0], второй элемент [1] и так далее.

Вы узнаете больше о массивах в этом руководстве.

Объекты JavaScript

Объекты JavaScript записываются с помощью фигурных скобок.

Свойства объекта name:value Да, разделены запятыми.

Пример

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

Попробуйте сами

В объекте (person) из предыдущего примера есть четыре свойства: firstName, lastName, age и eyeColor.

Вы узнаете больше о объектах в этом руководстве.

операторе typeof

Вы узнаете больше о typeof Чтобы определить тип переменной JavaScript:

оператор typeof возвращает тип переменной или выражения:

Пример

typeof ""                  // Возвращает "string"
typeof "Bill"              // возвращает "string"
typeof "Bill Gates"          // Возвращает "string"

Попробуйте сами

Пример

typeof 0                   // Возвращает "number"
typeof 314                 // Возвращает "number"
typeof 3.14                // возвращает "number"
typeof (7)                 // Возвращает "number"
typeof (7 + 8)             // Возвращает "number"

Попробуйте сами

оператор typeof возвращает "object" для массивов, так как в JavaScript массивы являются объектами.

Undefined

В JavaScript нет переменных с отсутствующими значениями, их значения undefinedТоже возвращает typeof. undefined.

Пример

var person;                  // значение undefined, тип undefined.

Попробуйте сами

Любая переменная может быть установлена с значением undefined Производится очистка. Тип также будет undefined.

Пример

person = undefined;          // значение undefined, тип undefined.

Попробуйте сами

Пустое значение

Пустое значение и undefined Это не одно и то же.

Пустая строковая переменная имеет как значение, так и тип.

Пример

var car = "";                // значение "", тип "string"

Попробуйте сами

Null

В JavaScript,null является "ничто". Его считают несуществующим.

К сожалению, в JavaScript,null данные имеют тип объекта.

Вы можете определить null В JavaScript объект понимается как bug. Он должен быть null.

Вы можете установить значение null Очистка объекта:

Пример

var person = null;           // значение null, но тип по-прежнему объект

Попробуйте сами

Вы также можете установить значение undefined Очистка объекта:

Пример

var person = undefined;           // значение undefined, тип undefined.

Попробуйте сами

Разница между Undefined и Null

Undefined С null Их значения равны, но типы различаются:

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

Попробуйте сами

Исходные данные

Исходные данные - это единственная простая данные без дополнительных свойств и методов.

typeof Оператор может возвращать один из следующих исходных типов:

  • string
  • number
  • boolean
  • undefined

Пример

typeof "Bill"              // возвращает "string"
typeof 3.14                // возвращает "number"
typeof true                // возвращает "boolean"
typeof false               // возвращает "boolean"
typeof x                   // возвращает “undefined” (если у x нет значения)

Попробуйте сами

Комплексные данные

typeof Оператор может возвращает один из двух типов:

  • функция
  • объект

typeof Оператор возвращает объект, массив или null Возвращает объект.

typeof Оператор не возвращает функцию объект.

Пример

typeof {name:'Bill', age:62} // возвращает “object”
typeof [1,2,3,4]             // возвращает “object” (не “массив”, см. комментарий ниже)
typeof null                  // возвращает “object”
typeof function myFunc(){}   // возвращает “function”

Попробуйте сами

typeof Оператор возвращает массив в “объект“, потому что в JavaScript массивы являются объектами.”

Дополнительное чтение

Дополнительное руководство по JavaScript: