1 z 40 podstaw JavaScript — Typy danych

Aby odnieść sukces jako Front Developer, trzeba mieć solidne podstawy Javascript. Ta seria próbuje objąć wszystkie ważne koncepcje języka.

Nawiasem mówiąc, mam Instagram Reel i Youtube Short w tym artykule, jeśli wolicie, kliknij tutaj: Typy danych — Insta Reel , Typy danych — Youtube Short .

Wszystkie języki programowania mają wbudowane struktury danych, jednak często różnią się one w zależności od języka. W tym artykule opisano zarówno prymitywne, jak i nieprymitywne typy danych w języku JavaScript.

Pierwotny typ danych

W JavaScript typ pierwotny jest predefiniowany przez język i to dane nie są obiektem i mają metody lub właściwości. W JavaScript istnieje 7 typów pierwotnych.

• strunowy
• numer
• nieokreślony
• BigInt
• logiczne
• Symbol
• zero

• ciąg znaków — A stringto ciąg jednego lub więcej znaków, który może składać się z liter, cyfr lub symboli, a obiekt ten jest owinięty wokół prymitywu łańcuchowego.

// string in JS
name = "Toronto Dev"

// Number
x = 5
y = 12
z = 12.4

console.log(x) // Output to web console: undefined.

// Boolean in JS
isOn = true
isStart = false

// null value
  let x = null;
  console.log("Value of x" + x)

// BigInt
 let number = BigInt(565656565656565656656565656565656565634)

// Symbol value
let symbol1 = Symbol()
let symbol1 = Symbol('baz')
let symbol1 = Symbol('baz')

// We replaced the value of string primitive variable
  let string = "who invented World Wide Web"
  string = 'Sir Tim Berners-Lee'     

  // However, We cannot ALTER only REPLACE, like the example below.
  let string = 'Sir Tim Berners-Lee'
  string[0] = 's'  // Outpust -> 'Sir Tim Berners-Lee'

Nieprymitywne typy danych są wyprowadzane z wartości pierwotnych, znanych również jako derived data typelubreferenced data type.

• Obiekt — w JavaScript obiekt jest samodzielną jednostką z właściwościami i typem.

// Creating an object with name person
   let person = {
        firstName: "Toronto",
        lastName: "Dev",
   };

   console.log(`${person.firstName} ${person.lastName}`)

// Empty array
  let x = new array()
  
  // Array with single numeric argument
  let y = new array(10)
  
  // Explicit values
  let z = new Array(1, 3, "Toronto")

let arr = ['Toronto', 'Melbourne', 'New Delhi']

// We are mutating the state of variable arr using index
arr[1] = 'Sydney'

typeof "G`day" // string
  
  typeof 0      // number

  typeof null // object

  typeof 1n    // BigInt
 
  typeof true  // boolean

  typeof undefined // undfined

  typeof Symbol("id")  // symbol
  
  typeof {}   // object

Mam nadzieję, że dodałem coś nowego do Twojej wiedzy na ten temat. Do zobaczenia wkrótce w artykule 2 z tej serii.

Społeczności:

• Kanał Toronto Dev na YouTube
• Strona Toronto Dev na Instagramie