Tipos de datos en JavaScript

Introducción

Los tipos de datos se utilizan para clasificar los tipos particules de datos en lenguajes de programación. Por ejemplo, un número y una cadena de caracteres son diferentes tipos de datos que serán tratados de forma diferente por JavaScript.

Esto es importante porque el tipo de datos específico que use determinará qué valores puede asignarle y qué puede hacerle. Es decir, para poder hacer operaciones con variables en JavaScript, es importante entender el tipo de datos de cualquier variable dada.

En este tutorial, repasaremos cómo funcionan los tipos de datos en JavaScript, así como los tipos de datos importantes nativos del lenguaje. Esto no es una investigación exhaustiva de los tipos de datos, sino que le ayudará a familiarizarse con las opciones disponibles en JavaScript.

Digitación Dinámica

JavaScript tiene tipos de datos dinámicos, lo que significa que la comprobación de tipo se realiza en tiempo de ejecución en lugar de tiempo de compilación. Los tipos de datos de Python también se escriben de forma dinámica.

Con los lenguajes de tipo dinámico, se puede utilizar una variable del mismo nombre para contener diferentes tipos de datos.

Por ejemplo, la variable t , definida como una variable por la palabra clave var , se puede asignar para contener diferentes tipos de datos o puede inicializarse pero no se define:

var t = 16;         // t is a number
var t = "Teresa";   // t is a string
var t = true;       // t is a Boolean
var t;              // t is undefined

Cada una de las variables t anteriores puede establecerse en cualquier tipo de datos disponible en JavaScript; No es necesario que se declaren explícitamente con un tipo de datos antes de que se utilicen.

Números

JavaScript tiene sólo un tipo de número, no hay designación separada para enteros y números de coma flotante. Debido a esto, los números se pueden escribir en JavaScript con o sin decimales:

var num1 = 93;
var num2 = 93.00;

En ambos casos anteriores, el tipo de datos es un número y es el mismo independientemente de si el número tiene o no puntos decimales.

La notación científica exponencial se puede utilizar en JavaScript para abreviar números muy grandes o pequeños, como en los siguientes ejemplos:

var num3 = 987e8;       // 98700000000
var num4 = 987e-8;      // 0.00000987

Los números en JavaScript se consideran precisos hasta 15 dígitos. Esto significa que los números se redondearán después de alcanzar el decimosexto dígito:

var num5 = 999999999999999;     // remains as 999999999999999
var num6 = 9999999999999999;    // rounded up to 10000000000000000

Además de representar números, el tipo de número JavaScript también tiene tres valores simbólicos disponibles:

• Infinity - un valor numérico que representa un número positivo que se aproxima al infinito
• -Infinity - un valor numérico que representa un número negativo que se acerca al infinito
• NaN - un valor numérico que representa un no-número, de pie para n ot a n umber

Infinity o -Infinity serán devueltos si calcula un número fuera del mayor número posible disponible en JavaScript. Esto también ocurrirá para valores que no están definidos, como cuando se divide por cero:

var num7 = 5 / 0;   // will return Infinity
var num8 = -5 / 0;  // will return -Infinity

En términos técnicos, Infinity se mostrará cuando un número exceda el número 1.797693134862315E+308 , que representa el límite superior en JavaScript.

Del mismo modo, -Infinity se mostrará cuando un número va más allá del límite inferior de -1.797693134862316E+308 .

El número Infinity también se puede utilizar en bucles:

while (num9 != Infinity) { 
    // Code here will execute through num9 = Infinity
}

Para números que no sean números legales, se mostrará NaN . Si intenta realizar una operación matemática en un número y un valor no numérico, se devolverá NaN . Este es el caso en el siguiente ejemplo:

var x = 20 / "Shark";   // x will be NaN

Puesto que el número 20 no puede ser dividido por la cadena "Shark" porque no puede ser evaluado como un número, el valor devuelto para la variable x es NaN .

Sin embargo, si una cadena puede ser evaluada como un valor numérico, la expresión matemática se puede realizar en JavaScript:

var y = 20 / "5";   // y will be 4

En el ejemplo anterior, ya que la cadena "5" se puede evaluar como un valor numérico en JavaScript, se trata como tal y funcionará con el operador matemático para la división, / .

Al asignar el valor NaN a una variable utilizada en una operación, resultará en el valor de NaN , incluso cuando el otro operando sea un número legal:

var a = NaN;
var b = 37;
var c = a + b;  // c will be NaN

Sólo hay un tipo de datos numérico en JavaScript. Cuando se trabaja con números, cualquier número que ingrese se interpretará como el tipo de datos para números; No está obligado a declarar qué tipo de tipo de datos está ingresando porque JavaScript se escribe dinámicamente.

Cadenas de Caracteres (Sitrings)

Una cadena es una secuencia de uno o más caracteres (letras, números, símbolos). Las cadenas son útiles porque representan datos textuales.

En JavaScript, existen cadenas dentro de comillas simples ' o comillas dobles " , por lo que la creación de una cadena, encierran una secuencia de caracteres entre comillas:

var singleQuotes = 'This is a string in single quotes.';

var doubleQuotes = "This is a string in double quotes.";

Puede elegir usar comillas simples o comillas dobles, pero cualquiera que decida sobre usted debe permanecer consistente dentro de un programa.

El programa "Hello, World!" Demuestra cómo se puede usar una cadena en la programación de computadoras, como los personajes que componen la frase Hello, World! En la alert() continuación hay una cadena.

<!DOCTYPE HTML>
<html>
<head>
<script>
function helloFunction() {
    alert("Hello, World!");
}
</script>
</head>
<body>
<p><button onclick="helloFunction()">Click me</button></p>
</body>
</html>

Cuando ejecutamos el código y hacemos clic en el botón Click me , recibiremos una ventana emergente con el siguiente resultado:

Output

Hello, World!

Al igual que con otros tipos de datos, podemos almacenar cadenas en variables:

var hw = "Hello, World!";

Y muestre la cadena en la alert() llamando a la variable:

...
<script>
var hw = "Hello, World!";
function helloFunction() {
    alert(hw);
}
</script>
...

Output

Hello, World!

Hay muchas operaciones que podemos realizar en cadenas dentro de nuestros programas con el fin de manipularlos para lograr los resultados que estamos buscando. Las cadenas son importantes para comunicar la información al usuario y para que el usuario pueda comunicar la información al programa.

Booleanos

El tipo de datos booleano puede ser uno de dos valores, true o false . Los booleanos se utilizan para representar los valores de verdad que están asociados con la rama lógica de las matemáticas, que informa a los algoritmos en la informática.

Cada vez que vea el tipo de datos Booleano, comenzará con un B mayúscula porque se nombra para el matemático George Boole.

Muchas operaciones en matemáticas nos dan respuestas que se evalúan como verdaderas o falsas:

• Mayor que
  • 500 > 100 true
  • 1 > 5 false
• Menor que
  • 200 < 400 true
  • 4 < 2 false
• Igual
  • 5 = 5 true
  • 500 = 400 false

Al igual que con otros tipos de datos, podemos almacenar un valor booleano en una variable:

var myBool = 5 > 8; // false

Puesto que 5 no es mayor que 8, la variable myBool tiene el valor de false .

A medida que escribas más programas en JavaScript, estarás más familiarizado con cómo funcionan los Booleanos y cómo diferentes funciones y operaciones que evalúan a true o false pueden cambiar el curso del programa.

Vectores y Matrices (Arrays)

Una matriz puede contener varios valores dentro de una sola variable. Esto significa que puede contener una lista de valores dentro de una matriz..

Cada elemento o valor que se encuentra dentro de una matriz se denomina elemento . Puede hacer referencia a los elementos de una matriz mediante el uso de un número de índice.

Así como las cadenas se definen como caracteres entre comillas, los Arrays se definen por tener valores entre corchetes [ ] .

Una matriz de cadenas, por ejemplo, se ve así:

var fish = ["shark", "cuttlefish", "clownfish", "eel"];

Si llamamos a la variable fish , recibiremos la siguiente salida:

["shark", "cuttlefish", "clownfish", "eel"]

Las matrices son un tipo de datos muy flexible porque son mutables, ya que pueden tener valores de elementos agregados, eliminados y cambiados.

Objetos

El tipo de datos de objeto JavaScript puede contener muchos valores como pares nombre: valor . Estos pares proporcionan una forma útil de almacenar y acceder a los datos. La sintaxis literal del objeto se compone de pares nombre: valor separados por dos puntos con llaves en ambos lados { } .

Normalmente se utiliza para contener datos relacionados, como la información contenida en un ID, un objeto literal de JavaScript se ve así, con espacios en blanco entre propiedades:

var sammy = {firstName:"Sammy", lastName:"Shark", color:"blue", location:"ocean"};

Alternativamente, y especialmente para literales de objetos con un alto número de pares nombre: valor, podemos escribir este tipo de datos en varias líneas, con un espacio en blanco después de cada dos puntos:

var sammy = {
    firstName: "Sammy",
    lastName: "Shark",
    color: "blue",
    location: "Ocean"
};

La variable de objeto sammy en cada uno de los ejemplos anteriores tiene 4 propiedades: firstName , lastName , color y location . Los anteriores son valores ​​separados por dos puntos.

Trabajo con Varios Tipos de Datos       

Aunque cada programa que cree contendrá varios tipos de datos, es importante tener en cuenta que generalmente realizará operaciones dentro del mismo tipo de datos. Es decir, usted estará realizando matemáticas en números, o rebelando cadenas.

Cuando utiliza un operador que funciona a través de tipos de datos, como el operador + que puede agregar números o concatenar cadenas, puede obtener resultados inesperados.

Por ejemplo, al usar el operador + con números y cadenas juntas, los números se tratarán como una cadena (por lo tanto se concatenarán), pero el orden de los tipos de datos influirá en la concatenación.

Por lo tanto, si crea una variable que realiza la siguiente concatenación, JavaScript interpretará cada elemento a continuación como una cadena:

var o = "Ocean" + 5 + 3;

Si llama a la variable o , obtendrá el siguiente valor devuelto:

Output

Ocean53

Sin embargo, si entras con números, los dos números se agregarán antes de que se interpreten como una cadena cuando el tiempo de ejecución del programa llegue a "Ocean" , por lo que el valor devuelto será la suma de los dos números concatenados con la cadena:

var p = 5 + 3 + "Ocean";

Output

8Ocean

Debido a estos resultados inesperados, es probable que realice operaciones y métodos dentro de un tipo de datos en lugar de a través de ellos. JavaScript,, no devuelve errores al mezclar tipos de datos, como hacen algunos otros lenguajes de programación.

Conclusión

En este punto, debe tener una mejor comprensión de algunos de los principales tipos de datos que están disponibles para su uso en JavaScript.

Cada uno de estos tipos de datos será importante a medida que desarrolle proyectos de programación en el lenguaje JavaScript.