Los últimos tutoriales de desarrollo web
 

JavaScript Tipos de datos


String, Number, Boolean, Array, Object.


Tipos de datos de JavaScript

Variables de JavaScript pueden contener muchos tipos de datos: numbers, strings, arrays, objects y mucho más:

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var cars = ["Saab", "Volvo", "BMW"];           // Array
var x = {firstName:"John", lastName:"Doe"};    // Object

El concepto de tipos de datos

En la programación, tipos de datos es un concepto importante.

Para poder operar en variables, es importante saber algo sobre el tipo.

Sin tipos de datos, un ordenador no puede resolver con seguridad este:

var x = 16 + "Volvo";

¿Tiene algún sentido para añadir "Volvo" a dieciséis? ¿Producirá un error o va a producir un resultado?

JavaScript tratará el ejemplo anterior como:

var x = "16" + "Volvo";

Al agregar un número y una cadena, JavaScript tratará el número como una cadena.

Ejemplo

var x = 16 + "Volvo";
Inténtalo tú mismo "

Ejemplo

var x = "Volvo" + 16;
Inténtalo tú mismo "

JavaScript evalúa las expresiones de izquierda a derecha. Diferentes secuencias pueden producir diferentes resultados:

JavaScript:

var x = 16 + 4 + "Volvo";

Resultado:

20Volvo
Inténtalo tú mismo "

JavaScript:

var x = "Volvo" + 16 + 4;

Resultado:

Volvo164
Inténtalo tú mismo "

En el primer ejemplo, JavaScript trata a 16 y 4 como números, hasta que llega a "Volvo" .

En el segundo ejemplo, ya que el primer operando es una cadena, todos los operandos son tratados como cadenas.


Javascript Tipos dinámicos

JavaScript tiene tipos dinámicos. Esto significa que la misma variable se puede usar como diferentes tipos:

Ejemplo

var x;               // Now x is undefined
var x = 5;           // Now x is a Number
var x = "John";      // Now x is a String

JavaScript Cuerdas

Una cadena (o una cadena de texto) es una serie de personajes como "John Doe" .

Las cadenas se escriben con comillas. Puede utilizar comillas simples o dobles:

Ejemplo

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

Puede usar comillas dentro de una cadena, siempre y cuando no se ajustan a las cotizaciones que rodean la cadena:

Ejemplo

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes
Inténtalo tú mismo "

Va a aprender más acerca de las cadenas más adelante en este tutorial.


números de JavaScript

JavaScript tiene sólo un tipo de números.

Los números se pueden escribir con o sin decimales:

Ejemplo

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

Adicionales pequeñas cantidades grandes o adicionales se pueden escribir con notación científica (exponencial):

Ejemplo

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123
Inténtalo tú mismo "

Va a aprender más acerca de los números más adelante en este tutorial.


Booleanos JavaScript

Booleanos sólo puede tener dos valores: verdadero o falso.

Ejemplo

var x = true;
var y = false;

Booleanos se utilizan a menudo en la prueba condicional.

Usted aprenderá más sobre la prueba condicional adelante en este tutorial.


Las matrices de JavaScript

matrices de JavaScript se escriben con corchetes.

elementos de matriz están separados por comas.

El código siguiente declara (crea) una matriz llamada coches, que contiene tres elementos (nombres de coche):

Ejemplo

var cars = ["Saab", "Volvo", "BMW"];
Inténtalo tú mismo "

los índices de matriz están basadas en cero, lo que significa que el primer elemento es [0], el segundo es [1], y así sucesivamente.

Va a aprender más acerca de las matrices más adelante en este tutorial.


Objetos de JavaScript

objetos JavaScript se escriben con llaves.

Propiedades del objeto se escriben como nombre: pares de valores, separados por comas.

Ejemplo

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Inténtalo tú mismo "

El objeto (persona) en el ejemplo anterior tiene 4 propiedades: firstName, lastName, age y eyeColor .

Va a aprender más acerca de los objetos más adelante en este tutorial.


El operador typeof

Se puede utilizar el JavaScript typeof operador para encontrar el tipo de una variable de JavaScript:

Ejemplo

typeof "John"                // Returns string
typeof 3.14                  // Returns number
typeof false                 // Returns boolean
typeof [1,2,3,4]             // Returns object
typeof {name:'John', age:34} // Returns object
Inténtalo tú mismo "

El operador devuelve typeof "object" para matrices porque en matrices de JavaScript son objetos.


Undefined

En JavaScript, una variable sin un valor, tiene el valor undefined . El typeof también es undefined .

Ejemplo

var person;                  // Value is undefined, type is undefined
Inténtalo tú mismo "

Cualquier variable puede ser vaciado, estableciendo el valor de undefined . El tipo también será undefined .

Ejemplo

person = undefined;          // Value is undefined, type is undefined
Inténtalo tú mismo "

Los valores vacíos

Un valor vacío no tiene nada que ver con el indefinido.

Una variable de cadena vacía tiene un valor y un tipo.

Ejemplo

var car = "";                // The value is "", the typeof is string
Inténtalo tú mismo "

Null

En JavaScript nula es "nada". Se supone que es algo que no existe.

Por desgracia, en JavaScript, el tipo de datos de null es un objeto.

Se puede considerar que un error de JavaScript que typeof null es un objeto. Debe ser null .

Puede vaciar un objeto estableciéndola en nulo:

Ejemplo

var person = null;           // Value is null, but type is still an object
Inténtalo tú mismo "

También puede vaciar un objeto estableciéndola en undefined :

Ejemplo

var person = undefined;     // Value is undefined, type is undefined
Inténtalo tú mismo "

Diferencia entre Undefined y Null

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
Inténtalo tú mismo "