Tipos – JavaScript

Tipos – JavaScript

No. 5 de 10 de articulos. JavaScript

La última versión de JavaScript que se utiliza a fecha de hoy, tiene definidos siete tipos de datos. ¡Que son los tipos de datos!, básicamente los tipos de datos de un lenguaje, son los diferentes formatos numéricos, alfanuméricos, booleanos, cadenas de texto, etc. Que puede manejar el lenguaje, para ello define una serie de palabras clave que sirven para identificar el tipo de dato y especificar de esta forma cuando se almacene el tipo de dato, en que sitio y de qué forma se realiza dicho proceso.

Existen seis tipos de datos denominados primitivos, los tipos de datos primitivos son aquellos que el lenguaje gestiona directamente, mientras que existe un tipo de dato más denominado objeto, los cuales son construidos por el usuario, utilizando los datos primitivos y formando un nuevo tipo compuesto, el cual el lenguaje no gestiona directamente, sino que lo hace el programador.

Los seis tipos de datos primitivos son:

  • Boolean :               un tipo de dato booleano es un dato lógico el cual solo puede contener los valores true (verdadero) o false (falso).
  • null             :               un valor null representa una referencia que apunta casi siempre de forma intencionada, a un objeto invalido o a una dirección de referencia inexistente.
  • undefined :               un valor primitivo, asignado automáticamente a las variables definidas, pero no inicializadas.
  • Number :               en JavaScript Number, es un tipo de dato numérico, el cual se corresponde con un valor de doble precisión de 64 bits. En otros lenguajes existen tipos diferenciados como enteros, flotantes, dobles, etc. En javascript solo se especifica este tipo y dependiendo del valor el lenguaje lo trata automáticamente.
  • String                 :               en cualquier lenguaje de programación el tipo string, se denomina cadena de texto y su valor es una secuencia de caracteres usados para representar un texto.
  • Symbol :            es un tipo de datos cuyos valores son únicos e immutables. Dichos valores pueden ser utilizados como identificadores (claves) de las propiedades de los objetos.

El otro tipo de dato es el tipo Object, el tipo object se refiere a una estructura de datos que contiene datos e instrucciones para trabajar con los datos.

Conversión de tipos

El lenguaje JavaScript es un lenguaje de tipo dinámico, es decir no hace falta indicar el tipo de dato de una variable cuando se crea su declaración, y los datos se convierten automáticamente de un tipo a otro dependiendo de las necesidades del código que se está ejecutando.

El siguiente ejemplo muestra como el lenguaje realiza automáticamente la conversión de tipos entre número y cadena de texto, al utilizar los datos en una instrucción, independientemente de haber declarado inicialmente las variables según un tipo.

// Declaración de variable

var antiguedadWeb = 12;

// conversión automática

antiguedadWeb = "es bastante joven";


 

En conversiones en las cuales intervenga cadenas de texto con valores numéricos y el operador de suma +, javascript realiza la conversión de los tipos numéricos a cadenas de texto. En conversiones en las cuales intervengan otros operadores que no sea la suma, javascript no realiza la conversión a cadena de texto y mantiene el valor numérico.

// Declaración de variables

var numeroA = 100;
var numeroB = 120;
var mensaje1 = "Hola Mundo Soy ";
var mensaje2 = " Adios Mundo Soy ";

var resultadoA = mensaje1 + numeroA;
var resultadoB = mensaje1 + numeroB + mensaje2;

console.log(resultadoA);
console.log(resultadoB);

 

 

Conversión de string (cadena de texto) a números

Función parseInt()

La función parseInt(), permite realizar la conversión de un string a número, con esta función se realiza la conversión a un tipo de dato entero. La sintaxis de la función es la siguiente.

parseInt( string , base )

Los parámetros especificados son los siguientes:

string                     :               el valor a convertir, que ha de ser una cadena de texto (string).

base (radix)       :               también se denomina radix, es la base matemática de conversión que se quiere aplicar. Normalmente para especificar la base de numeración decimal, se ha de especificar el valor 10.

La función devuelve como resultado un valor numérico de tipo entero, si no se puede realizar la conversión de la cadena de texto a número se devuelve como resultado NaN.

El siguiente ejemplo muestra el uso de la función:

// Declaración de variables
var A = "100";
var B = "Hola";
var C = "200 Unidades";

var D = 0;
var E = 0;
var F = 0;

D = parseInt(A,10);
E = parseInt(B,10);
F = parseInt(C,10);

console.log("D Contiene : " + D );
console.log("E Contiene : " + E );
console.log("F Contiene : " + F );

 

 


Función parseFloat()

La función parseFloat(), permite realizar la conversión de un string a número con decimales, con esta función se realiza la conversión a un tipo de dato flotante o decimal. La sintaxis de la función es la siguiente.

parseFloat( string )

Los parámetros especificados son los siguientes:

string                     :               el valor a convertir, que ha de ser una cadena de texto (string).

La función devuelve como resultado un valor numérico de tipo flotante, si no se puede realizar la conversión de la cadena de texto a número se devuelve como resultado NaN.

El siguiente ejemplo muestra el uso de la función:

// Declaración de variables
var A = "100.342";
var B = "FF2";
var C = "3.14";

var D = 0;
var E = 0;
var F = 0;

D = parseFloat(A);
E = parseFloat(B);
F = parseFloat(C);

console.log("D Contiene : " + D );
console.log("E Contiene : " + E );
console.log("F Contiene : " + F );

 

Herramientas Curso JavaScript

Herramientas Curso JavaScript

No. 2 de 10 de articulos. JavaScript

Aunque soy un programador web, muy acostumbrado a google chrome, en este curso iré utilizando diferentes herramientas, en principio todas de libre uso.

Una de las primera herramientas que se van a utilizar, es el navegador Firefox en su ultima versión a fecha 11/01/2017, ya que incorpora utilidades para programadores que inicialmente a los usuarios noveles les resultara fáciles de encontrar.

El navegador Firefox, incorpora dos herramientas para programadores, la primera es la consola web, para abrir la consola se ha de seleccionar la opción “Consola Web”, desde el menú “Desarrollador Web”. Al seleccionar la opción se ha de presentar la consola que ha de tener un aspecto similar al siguiente.

 

 

La consola nos va a permitir ejecutar ordenes sencillas de javascript, para probar su funcionamiento, pero en el caso de querer ejecutar funciones más complejas de JavaScript, nos resultara insuficiente. Para solucionar este inconveniente se puede utilizar otra herramienta denominada Borrador, que viene a ser un pequeño editor de textos que nos permite teclear más codigo para su ejecución, para acceder al “Borrador”, se ha de seleccionar la opción “Borrador”, desde el menú “Desarrollador Web”. Al ejecutar la opción se ha de presentar una ventana similar a la que se muestra en la imagen siguiente.

Como se puede observar se abre una nueva ventana y es un editor que puedes usar para escribir y ejecutar JavaScript en el navegador. Puedes también guardar los scripts en el disco  y cargarlos desde el disco.

Si eliges “Mostrar”, el bloque de código tecleado en el borrador, es ejecutado en el navegador y el resultado es insertado de nuevo dentro del bloque como un comentario.

De momento, empezaremos con estas herramientas comentadas, aunque se deja a libre elección del usuario, el utilizar el editor de textos que más le interese.







Otra opción posible es la trabajar inicialmente con el navegador Chrome, el cual tambien tiene herramientas para desarrolladores que pueden ser utilizadas como la consola.

Para acceder a la consola se ha de pulsar en el botón de menú de Chrome, seleccionar la opción “Más Herramientas”, y a continuación pulsar sobre la opción “Herramientas para desarrolladores”. Es posible pulsar la combinación de teclas Ctrl + Mayúsculas + I, la cual es el acceso rápido para la consola.

Una vez ejecutado el comando anterior, se ha de presentar la consola en el navegador Google Chrome, mostrando el siguiente aspecto.

Introducción a JavaScript

Introducción a JavaScript

No. 1 de 10 de articulos. JavaScript

Introducción a JavaScript

JavaScript fue desarrollado originalmente por Brendan Eich de Netscape con el nombre de Mocha, el cual fue renombrado posteriormente a LiveScript, para finalmente quedar como JavaScript.

El cambio de nombre coincidió aproximadamente con el momento en que Netscape agregó compatibilidad con la tecnología Java en su navegador web Netscape Navigator en la versión 2.002 en diciembre de 1995.

La denominación produjo confusión, dando la impresión de que el lenguaje es una prolongación de Java, y se ha caracterizado por muchos como una estrategia de mercadotecnia de Netscape para obtener prestigio e innovar en el ámbito de los nuevos lenguajes de programación web.

«JAVASCRIPT» es una marca registrada de Oracle Corporation. Es usada con licencia por los productos creados por Netscape Communications y entidades actuales como la Fundación Mozilla.

Microsoft dio como nombre a su dialecto de JavaScript «JScript», para evitar problemas relacionadas con la marca. JScript fue adoptado en la versión 3.0 de Internet Explorer, liberado en agosto de 1996, e incluyó compatibilidad con el  con las funciones de fecha, una diferencia de los que se basaban en ese momento. Los dialectos pueden parecer tan similares que los términos «JavaScript» y «JScript» a menudo se utilizan indistintamente, pero la especificación de JScript es incompatible con la de ECMA en muchos aspectos.

Para evitar estas incompatibilidades, el World Wide Web Consortium diseñó el estándar Document Object Model (DOM, o Modelo de Objetos del Documento en español), que incorporan Konqueror, las versiones 6 de Internet Explorer y Netscape Navigator, Opera la versión 7, Mozilla Application Suite y Mozilla Firefox desde su primera versión.

En 1997 los autores propusieron JavaScript para que fuera adoptado como estándar de la European Computer Manufacturers ‘Association ECMA, que a pesar de su nombre no es europeo sino internacional, con sede en Ginebra. En junio de 1997 fue adoptado como un estándar ECMA, con el nombre de ECMAScript. Poco después también como un estándar ISO.

JavaScript en el lado servidor

Netscape introdujo una implementación de script del lado del servidor con Netscape Enterprise Server, lanzada en diciembre de 1994 (poco después del lanzamiento de JavaScript para navegadores web). A partir de mediados de la década de los 2000, ha habido una proliferación de implementaciones de JavaScript para el lado servidor. Node.js es uno de los notables ejemplos de JavaScript en el lado del servidor, siendo usado en proyectos importantes.

Desarrollos posteriores

JavaScript se ha convertido en uno de los lenguajes de programación más populares en internet. Al principio, sin embargo, muchos desarrolladores renegaban del lenguaje porque el público al que va dirigido lo formaban publicadores de artículos y demás aficionados, entre otras razones.

La llegada de Ajax devolvió JavaScript a la fama y atrajo la atención de muchos otros programadores. Como resultado de esto hubo una proliferación de un conjunto de frameworks y librerías de ámbito general, mejorando las prácticas de programación con JavaScript, y aumentado el uso de JavaScript fuera de los navegadores web, como se ha visto con la proliferación de entornos JavaScript del lado del servidor. En enero de 2009, el proyecto CommonJS fue inaugurado con el objetivo de especificar una librería para uso de tareas comunes principalmente para el desarrollo fuera del navegador web.

En junio de 2015 se cerró y publicó el estándar ECMAScript 6 con un soporte irregular entre navegadores y que dota a JavaScript de características avanzadas que se echaban de menos y que son de uso habitual en otros lenguajes como, por ejemplo, módulos para organización del código, verdaderas clases para programación orientada a objetos, expresiones de flecha, iteradores, generadores o promesas para programación asíncrona.

La versión 7 de ECMAScript se conoce como ECMAScript 2016 , y es la última versión disponible, publicada en junio de 2016. Se trata de la primera versión para la que se usa un nuevo procedimiento de publicación anual y un proceso de desarrollo abierto .

Desde esta tu web www.aprendoencasa.com , pretendemos ofrecerte una introducción a la programación con JavaScript, de forma que aprendas gradualmente y a través de ejercicios prácticos. Obviamente si el usuario tiene conocimientos ya avanzados del lenguaje, quizas este blog le resulte aburrido, pero hemos de recordar nuestros principios en la programación, y pensar que si podemos aportar comentarios constructivos para las personas que comienzan en este mundo fantastico de la programación, quizas hagamos nuestra “buena obra del día”, y nos permita poner una sonrisa en la cara, que tal como esta el mundo, buena falta hace… Un saludo y gracias por tu visita a este primer articulo del curso práctico de programación en JavaScript.







Etiqueta <STRONG>, Curso práctico HTML5

Etiqueta <STRONG>, Curso práctico HTML5

No. 16 de 23 de articulos. HTML5

Ejercicios y prácticas de programación HTML5

Curso práctico de programación HTML5, estudios online con practicas resueltas

Etiqueta <STRONG>

La etiqueta <strong>, se utiliza para definir en el documento texto considerado importante, produce en el navegador el efecto de aplicar negrita, aunque es posible aplicar el mismo efecto utilizando hojas de estilo.

(más…)

Introducción a linux

Introducción a linux

No. 1 de 3 de articulos. Linux

Como sabemos Linux es un sistema operativo de uso libre que no gratuito, es decir podemos utilizarlo sin tener que realizar ningún tipo de desembolso económico, esto ha hecho que con su gran cantidad de seguidores sea uno de los sistemas operativos que tiene un incremento de utilización cada vez mayor.

(más…)

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies