Tipos de datos de JavaScript

Tipos de valor (tipos básicos): cadena (String), número (Number), booleano (Boolean), nulo (Null), indefinido (Undefined), símbolo (Symbol). Tipos de datos de referencia: objeto (Object), array (Array), función (Function).

Tipo de datosSe utiliza para clasificar datos específicos de un lenguaje de programación.

Por ejemplo, los números y las cadenas son tipos de datos diferentes, y JavaScript los manejará de manera diferente.

Las variables de JavaScript pueden contener muchosTipo de datos: número, cadena, array, objeto, etc.:

　var length =　4;//　Number número
　var firstName = "Vishal";　　//　String cadena
　var user = {firstName:"Vishal", age:22};　　//　Object objeto
　var fruits = ["Apple", "Mango", "Banana"];//　Array array

Los tipos de JavaScript son dinámicos

JavaScript es un lenguaje de tipo suelto o dinámico. Las variables de JavaScript no están directamente asociadas con ningún tipo de valor específico y pueden asignar (y reasignar) todos los tipos de valores a todas las variables.

var x =　20;　//　x es un número
x = "VISHAL";　　　//　x es una cadena
x = true;　　　//　x es un valor booleano

Número de JavaScript

JavaScript tiene solo un tipo de número, sin especificación separada de enteros y números de coma flotante.

Por lo tanto, los números se pueden escribir en JavaScript, con o sin decimales.

var a =　25;　//　Sin decimales
var b =　80.05;　　//　Decimal a la derecha

En estos dos casos, el tipo de datos es un número, y es el mismo independientemente de que el número tenga un punto decimal o no.

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

let num1　=　957e8;　//　95700000000
let num2　=　957e-8;//　0.00000957

Más información sobre el tipo de datos numérico encontrará en la parte posterior de este tutorial.

Cadena JavaScript

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

Las cadenas de JavaScript se utilizan para almacenar y procesar texto.

A diferencia de otros lenguajes, JavaScript no hace distinción entre comillas simples y dobles.

var msg1　= "Hello world";　　　//　usando comillas dobles
var msg2　= 'Hello world';　　　//　usando comillas simples

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

var str1　= 'She said "Hey" and left';　　//　la comilla simple dentro de comillas dobles
var str2　= 'She said 'Hey' and left';　　//　las comillas dobles dentro de comillas simples
var str3　= 'Let's have a cup of tea';　　//　la comilla simple dentro de comillas dobles
var str4　= 'We\'ll never give up';　//　la comilla simple se escapada con una barra invertida

Más información sobre las cadenas encontrará en la parte posterior de este tutorial.

Valor booleano JavaScript

El tipo de datos booleano puede ser uno de dos valores, es decir true o false。

Los valores booleanos se utilizan a menudo en pruebas de condiciones.

(5　>　10)　　//　retorna false
(5　<　10)　　//　retorna true
("Apple" === "Apple")　//　retorna true

Más información sobre los valores booleanos encontrará en la parte posterior de este tutorial.

Array JavaScript

Los arrays se utilizan para almacenar múltiples valores en una única variable.

Los arrays de JavaScript se encierran entre corchetes [].

Los elementos del array se separan por comas.

El siguiente código declara (crea) un array llamado fruits que contiene tres elementos (nombres de tres frutas):

var fruits = ["Apple", "Mango", "Banana"];

Cada proyecto o valor interno del array se llama un elemento. Puede referirse a los elementos del array utilizando el número de índice.

Los índices de los arrays de JavaScript comienzan en cero: el índice del primer elemento del array es 0, el índice del segundo elemento es1y así sucesivamente.

Más información sobre los arrays encontrará en la parte posterior de este tutorial.

Objeto JavaScript

En JavaScript, los objetos pueden considerarse como una colección de propiedades.

Los objetos JavaScript se encierran entre llaves {}.

Las propiedades del objeto se escriben comoNombre: valorsí, separados por comas.

var user = {firstName:"Vishal", age:22, color: "blue", location: "unknown"};

El objeto (usuario) del ejemplo anterior tiene4Propiedades: firstName, age, color y location.

Conocerás más sobre los objetos en la parte posterior de este tutorial.

El tipo del operador

El operador typeof puede ayudarte a encontrar el tipo de tu variable.

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

typeof ""　　//　Devuelve "string"
typeof "Vishal"//　Devuelve "string"
typeof "42"//　Devuelve "string" (El número dentro de comillas es String)
typeof　42　　//　Devuelve "number"
typeof true//　Devuelve "boolean"
typeof false　　　//　Devuelve "boolean"
typeof undefined　　　//　Devuelve "undefined"
typeof null//　Devuelve "object"
typeof {name: "Vishal", age:22}　//　Devuelve "object"
typeof [2,　4,　6,　8]//　Devuelve "object" (no "array", ver nota a continuación)
typeof function myFunc(){}　//　Devuelve "function"

Nota:El operador typeof devuelve "objeto" para los arrays, porque en JavaScript los arrays son objetos.

undefined (no definido)

undefinedEl valor indica que no se ha asignado un valor a la variable, o que no se ha declarado la variable.

var city;//　Valor no definido

El tipo también esundefined。

typeof city　　　//　"undefined"

Puede vaciar cualquier variable configurando su valor comoundefinedEl tipo también seráundefined。

city = undefined;　　　//　Valor no definido, tipo no definido

null (nulo)

Este valornullRepresenta la ausencia intencional de cualquier valor de objeto.

En JavaScript, el tipo de datosnullEs un objeto.

Puede vaciar cualquier objeto configurando su valor comonull。

var user = {firstName: "Vishal", age:"22", color: "blue"};
user = null;//　Ahora value es null, pero el tipo de datos sigue siendo un objeto

También puede vaciar un objeto configurándolo comoundefined。

var user = {firstName: "Vishal", age:"22", color: "blue"};
user = undefined;　　　//　Valores y tipos no definidos

La diferencia entre null (nulo) y undefined (no definido)

nullConundefinedLos valores son iguales pero de tipos diferentes.

typeof null　　//　"object" (no "null" por razones de compatibilidad con versiones anteriores)
typeof undefined　//　"undefined"

Al verificarnullOundefinedTenga en cuenta la diferencia entre los operadores de igualdad (==) y identidad (===), ya que el primero realiza la conversión de tipo.

null == undefined　//　true
null === undefined//　false

Manejo simultáneo de varios tipos de datos

Aunque cada programa que cree contendrá varios tipos de datos.

Cuando utiliza operadores que operan entre tipos de datos cruzados (por ejemplo+Puede obtener resultados inesperados cuando se utiliza el operador que puede agregar números o concatenar cadenas.

Al agregar números y cadenas, JavaScript considera los números como cadenas.

var x =　5　+　"Sky";

Al agregar cadenas y números, JavaScript considera los números como cadenas.

var x = "Sky"　+　5;

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

var x =　5　+　3　+　"Sky";

var x = "Sky"　+　5　+　3;

En el primer ejemplo, JavaScript considera5Y3Se considera como número hasta alcanzar 'Sky'.

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