Tipos de datos de JavaScript

valores de cadena, números, valores booleanos, arrays, objetos.

Tipos de datos de JavaScript

Las variables de JavaScript pueden guardar variosTipos de datos：números, valores de cadena, arrays, objetos, etc.:

var length = 7;                             // número
var lastName = "Gates";                      // cadena
var cars = ["Porsche", "Volvo", "BMW"];         // array
var x = {firstName:"Bill", lastName:"Gates"};    // objeto

El concepto de tipo de datos

El tipo de datos es un concepto importante en el proceso de programación.

Es importante entender los tipos de datos para poder operar con variables.

Sin tipo de datos, la computadora no puede resolver este problema de manera segura:

var x = 911 + "Porsche";

¿Tiene sentido agregar 911 a "Volvo"? ¿Ocurrirá un error o se producirá un resultado?

JavaScript manejará de esta manera el ejemplo anterior:

var x = "911" + "Porsche";

Cuando se suma un número y una cadena de caracteres, JavaScript considera al número como una cadena de caracteres.

Ejemplo

var x = 911 + "Porsche";

Prueba por ti mismo

Ejemplo

var x = "Porsche" + 911;

Prueba por ti mismo

JavaScript calcula la expresión de izquierda a derecha. Diferentes órdenes pueden producir diferentes resultados:

JavaScript:

var x = 911 + 7 + "Porsche";

Resultados:

918Porsche

Prueba por ti mismo

JavaScript:

var x = "Porsche" + 911 + 7;

Resultados:

Porsche9117

Prueba por ti mismo

En el primer ejemplo, JavaScript considera a 911 y 7 como números hasta que encuentra "Porsche".

En el segundo ejemplo, ya que el primer operando es una cadena de caracteres, todos los operandos se consideran cadenas de caracteres.

JavaScript tiene un tipo de datos dinámico

JavaScript tiene un tipo de datos dinámico. Esto significa que el mismo variable se puede usar para diferentes tipos:

Ejemplo

var x;               // Ahora x es undefined
var x = 7;           // Ahora x es un número
var x = "Bill";      // Ahora x es un valor de cadena

Prueba por ti mismo

Valores de cadena de JavaScript

Una cadena de caracteres (o cadena de texto) es una secuencia de caracteres (por ejemplo, "Bill Gates").

Las cadenas de caracteres están rodeadas de comillas. Puede usar comillas simples o dobles:

Ejemplo

var carName = "Porsche 911";   // Usando comillas dobles
var carName = 'Porsche 911';   // Usando comillas simples

Prueba por ti mismo

Puede usar comillas dentro de una cadena de caracteres, siempre y cuando estas comillas no coincidan con las que rodean la cadena:

Ejemplo

var answer = "It's alright";             // Comillas simples dentro de comillas dobles
var answer = "He is called 'Bill'";    // Comillas simples dentro de comillas dobles
var answer = 'He is called "Bill"';    // Comillas dobles dentro de comillas simples

Prueba por ti mismo

Aprenderá más sobre cadenas de caracteres en este tutorial.

Números de JavaScript

JavaScript tiene solo un tipo de número.

Puede usar o no usar un punto decimal al escribir un número:

Ejemplo

var x1 = 34.00;     // Con punto decimal
var x2 = 34;        // Sin punto decimal

Prueba por ti mismo

Los números muy grandes o muy pequeños se pueden escribir en notación científica:

Ejemplo

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

Prueba por ti mismo

Usted aprenderá más sobre los números en este tutorial.

Los valores booleanos de JavaScript

Los valores booleanos solo tienen dos valores:true o false.

Ejemplo

var x = true;
var y = false;

Prueba por ti mismo

Los valores booleanos se utilizan a menudo en pruebas condicionales.

Usted aprenderá más sobre las pruebas condicionales en este tutorial.

Arreglos de JavaScript

Los arrays de JavaScript se escriben con corchetes.

Los elementos del array se separan por comas.

El siguiente código declara (crea) un array llamado cars que contiene tres elementos (marcas de automóviles):

Ejemplo

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

Prueba por ti mismo

Los índices de los arrays se basan en cero, lo que significa que el primer elemento es [0], el segundo elemento es [1], y así sucesivamente.

Usted aprenderá más sobre los arrays en este tutorial.

Objetos de JavaScript

Los objetos de JavaScript se escriben con corchetes.

Las propiedades del objeto son name:value Sí, separados por comas.

Ejemplo

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

Prueba por ti mismo

El objeto (person) del ejemplo anterior tiene cuatro propiedades: firstName, lastName, age y eyeColor.

Usted aprenderá más sobre los objetos en este tutorial.

El operador typeof

Usted aprenderá más sobre JavaScript en este tutorial. typeof Para determinar el tipo de variable en JavaScript:

El operador typeof devuelve el tipo de variable o expresión:

Ejemplo

typeof ""                  // devuelve "string"
typeof "Bill"              // devuelve "string"
typeof "Bill Gates"          // devuelve "string"

Prueba por ti mismo

Ejemplo

typeof 0                   // devuelve "number"
typeof 314                 // devuelve "number"
typeof 3.14                // devuelve "number"
typeof (7)                 // devuelve "number"
typeof (7 + 8)             // devuelve "number"

Prueba por ti mismo

El operador typeof devuelve "object" para los arrays, porque en JavaScript los arrays son objetos.

Undefined

En JavaScript, una variable sin valor tiene el valor de undefined。typeof también devuelve undefined.

Ejemplo

var person;                  // el valor es undefined, el tipo es undefined.

Prueba por ti mismo

Cualquier variable puede establecerse en valor undefined Limpieza. Su tipo también será undefined.

Ejemplo

person = undefined;          // el valor es undefined, el tipo es undefined.

Prueba por ti mismo

El valor vacío

El valor vacío y undefined No es lo mismo.

Las variables de cadenas vacías tienen tanto valor como tipo.

Ejemplo

var car = "";                // el valor es "", el tipo es "string"

Prueba por ti mismo

Null

En JavaScript,null es "nada". Se considera una cosa inexistente.

Desafortunadamente, en JavaScript,null los datos tienen el tipo de objeto.

Puede considerar null En JavaScript, entender un objeto como un bug. Debería ser null.

Puede establecer el valor en null Limpieza de objetos:

Ejemplo

var person = null;           // el valor es null, pero el tipo sigue siendo objeto

Prueba por ti mismo

También puede establecer el valor en undefined Limpieza de objetos:

Ejemplo

var person = undefined;           // el valor es undefined, el tipo es undefined.

Prueba por ti mismo

La diferencia entre Undefined y Null

Undefined Con null Sus valores son iguales, pero sus tipos no lo son:

typeof undefined              // undefined
typeof null                   // objeto
null === undefined            // falso
null == undefined             // verdadero

Prueba por ti mismo

Datos primitivos

Un valor de datos primitivos es un valor simple sin propiedades ni métodos adicionales.

typeof Los operadores pueden devolver uno de los siguientes tipos primitivos:

  • string
  • number
  • boolean
  • undefined

Ejemplo

typeof "Bill"              // devuelve "string"
typeof 3.14                // devuelve "number"
typeof true                // devuelve "boolean"
typeof false               // devuelve "boolean"
typeof x                   // Devuelve "undefined" (si x no tiene un valor)

Prueba por ti mismo

Datos complejos

typeof El operador puede devolver uno de los siguientes dos tipos：

  • function
  • objeto

typeof El operador devuelve tipos de objeto, array o null Devuelve objeto.

typeof El operador no devuelve funciones objeto.

Ejemplo

typeof {name:'Bill', age:62} // Devuelve "object"
typeof [1,2,3,4]             // Devuelve "object" (no "array", véase el comentario siguiente)
typeof null                  // Devuelve "object"
typeof function myFunc(){}   // Devuelve "function"

Prueba por ti mismo

typeof El operador devuelve un "objeto，porque en JavaScript los arrays son objetos.

Lecturas complementarias

Tutoriales avanzados de JavaScript：