Введение в типы данных в Javascript

В каждом общем человеческом языке есть части речи и правила, которые определяют их использование. В английском языке, например, есть такие части речи, как существительные, местоимения, глаголы, прилагательные и т.д. Английский язык как человеческий язык используется для общения, а Javascript как язык программирования более высокого уровня используется для добавления функциональности веб-страницам, т.е. он делает возможным взаимодействие пользователя с веб-страницей.

В этой статье я расскажу об основных типах данных в Javascript, которые также можно назвать значениями.
Эта статья ориентирована на начинающих и является вводной информацией о типах данных для тех, кто только начинает изучать Javascript. Ниже перечислены 7 основных типов данных в Javascript.

  • Число
  • Bigint
  • Строка
  • Boolean (логический тип)
  • null
  • Объект
  • неопределенный

Число

Тип данных number — это обычное число, знакомое всем нам по основным арифметическим операциям, таким как умножение *, деление /, сложение + и вычитание -. Число может быть либо числом с плавающей точкой (десятичные дроби), либо целым числом (целые числа).

let number = 5;
let floatingNumber = 1.234;

let addition = 5 + 5;
console.log(addition) //10
Вход в полноэкранный режим Выйти из полноэкранного режима

Мы можем выполнять любые арифметические операции над числами и сохранять их результаты в переменной, чтобы использовать их в любом другом месте нашей кодовой базы.
Помимо обычных чисел, у нас есть 3 уникальных числовых значения, а именно

console.log(1 / 0) //infinity
Войти в полноэкранный режим Выход из полноэкранного режима
console.log("word"/5) //NaN
Войти в полноэкранный режим Выход из полноэкранного режима

Bigint

Bigint — это способ представления целых чисел в компьютерном программировании, которые больше 253-1 или -(253-1) для отрицательных чисел.
Целые числа больше 253-1 не могут храниться в типе числа, поэтому Bigint был создан для того, чтобы приспособить это изменение к числам с нетрадиционной длиной.

Значение Bigint добавляется путем добавления n к концу целого числа.

const bigInt = 1234567890123456789012345678901234567890n;
Вход в полноэкранный режим Выход из полноэкранного режима

Вы можете начать задаваться вопросом о практичности применения значения Bigint в природе, хотя они не используются регулярно, и вы можете никогда не встретить их в кодовой базе, но они могут быть использованы для криптографии или временных меток с микросекундной точностью, что выходит за рамки данного руководства.

Строка

Строка — это, по сути, символы в javascript, точно так же, как строка букв составляет слово в английском языке, строка — это комбинация символов, хотя для новичков это название звучит неинтуитивно, всегда помните, что строки в Javascript — это символы. Строка также может быть пустой "" или ''.

Строка может быть обозначена 3 различными способами.

let string1 = "javascript"; //double quotes
let string2 = 'javascript'; //single quotes
let string3 = `javascript`; //backticks
Войти в полноэкранный режим Выйти из полноэкранного режима

Обратные символы являются очень мощным инструментом в javascript, потому что они позволяют нам интерполировать значения, обернув их в

let name = "David";
let phrase = `My name is ${name}`
console.log(phrase) //My name is David

console.log(`The sum is ${1 + 2 }`) //The sum is 3
Войти в полноэкранный режим Выход из полноэкранного режима

В принципе, нет никакой функциональной разницы между одинарными кавычками ' ' и двойными кавычками " ", все сводится к личным предпочтениям и стилю.

Булево (логический тип)

Булево в javascript представляет собой одно из двух значений: true или false.

true означает «да
false — нет

Булевы значения очень эффективны при переключении, например, при включении или выключении переключателя, отображении выпадающего списка или значка гамбургера.
Обратите внимание, что все, что имеет значение, приводит к true и false, если значение отсутствует.

console.log(5 > 4) //true

let isNameAString = true;
console.log(isNameAString); //true

let isUserValid = false;
console.log(isUserValid) //false
Вход в полноэкранный режим Выйти из полноэкранного режима

Значения также могут быть установлены в true или false

Null

Null — это специальное значение в Javascript, обозначающее пустоту, ничто, неизвестное значение.

let name = null;
console.log(name) //null
Вход в полноэкранный режим Выход из полноэкранного режима

name — намеренное отсутствие, null — намеренное отсутствие какого-либо значения.

Объекты

Объекты — это специальные типы данных в Javascript, которые используются для хранения коллекции значений (которые могут быть любого типа данных) в паре {key: value}. ключи в объектах также могут называться свойствами. В javascript другие типы данных называются примитивными значениями, а объекты — ссылочными значениями.

let human1 = {
    firstName: "David",
    lastName: "Olaleye",
    isAnEngineer: true,
    legs: 2,
    children: null
}
Вход в полноэкранный режим Выход из полноэкранного режима

Приведенный выше код является примером синтаксиса объектного литерала. Объекты — это очень сложные типы данных, и углубление в них выходит за рамки данного учебника. Объект — это один из основных строительных блоков объектно-ориентированного программирования.

Свойства объекта также могут быть назначены.

human1.firstName = "Mike"
console.log(human1.firstName) //Mike
Вход в полноэкранный режим Выйти из полноэкранного режима

В примере выше мы установили свойство firstName объекта human1 из строки "David" в строку "Mike", используя нотацию . Это также можно сделать с помощью приведенной ниже нотации квадратных скобок

human1["firstName"] = "Ed";
console.log(human1["firstName"]) //Ed
Войти в полноэкранный режим Выйти из полноэкранного режима

Неопределенный

undefined — это еще один специальный тип данных в javascript, который обозначает, что значение не присвоено.
В javascript значение может быть объявлено и присвоено позже.

let name;
console.log(name); //undefined 
Вход в полноэкранный режим Выйти из полноэкранного режима

Приведенная выше переменная name была объявлена, но ей не было присвоено значение.

name = "David"
console.log(name) //David
Войти в полноэкранный режим Выход из полноэкранного режима

Приведенной выше переменной name было присвоено строковое значение "David".

Примечание:

Мы можем присвоить значение null, если оно неизвестно или пусто, но не рекомендуется присваивать значение undefined.
undefined специально зарезервировано для неназначенных значений по умолчанию.

Подведение итогов

В этой статье мы рассмотрели основные типы данных, имеющиеся в javascript. Хотя эта статья предназначена для новичков, по мере развития вашей карьеры веб-разработчика вы начнете изучать эти типы данных более глубоко (предостережения, компромиссы и лучшие практики). Я надеюсь, что вы получили какое-то вводное представление об этой статье, спасибо за ваше время и удачи на вашем пути. Помните, что это марафон, а не спринт.

Я буду благодарен вам за обратную связь через Twitter
GitHub Linkedin

Оцените статью
devanswers.ru
Добавить комментарий