martes, 19 de enero de 2016

Tipos de datos

Los tipos de datos en JavaScript son: String, Número, Boolean, Array, Objeto.
Del contenido del capítulo JS Data Types del W3Schools.

Ejercicio 1.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Al sumar (concatenar) un número y un string, JavaScript tratará el número como un string.</h2>
<p id="demo"></p>
<script>
var x = 16 + "Volvo";
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> 

Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Al sumar (concatenar) un string y un número, JavaScript tratará al número como un string.</h2>
<p id="demo"></p>
<script>
var x = "Volvo" + 16;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> 

Ejercicio 3.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>En este caso, al empezar por la izquierda, generará un nuevo número y 
luego lo concatenará con el string.</h2>
<p id="demo"></p>
<script>
var x = 16 + 4 + "Volvo";
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> 

Ejercicio 4.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>En este caso, al empezar por la izquierda, ya tratará todo como 
string y nos devolverá el concatenado de los tres elementos.</h2>
<p id="demo"></p>
<script>
var x = "Volvo" + 16 + 4;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html> 

Ejercicio 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Es indiferente el uso de comillas sencillas o dobles. En el caso del apóstrofo 
tiene que declararse entre comillas dobles.</h2>
<p id="demo"></p>
<script>
var carName1 = "Volvo XC60"; // comillas dobles
var carName2 = 'Volvo XC60'; // comillas simples
var answer1 = "It's alright"; // comilla simple dentro de comillas dobles
var answer2 = "Se llama 'Johnny'"; // comillas simples dentro de comillas dobles
var answer3 = 'Se llama "Johnny"'; // comillas dobes dentro de comillas simples
document.getElementById("demo").innerHTML =
carName1 + "<br>" + 
carName2 + "<br>" + 
answer1 + "<br>" + 
answer2 + "<br>" + 
answer3;
</script>
</body>
</html> 

Ejercicio 6.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Números enteros y decimales. Con potencias positivas y negativas de 10.</h2>
<p id="demo"></p>
<script>
var x1 = 34.00;   // El punto marca la posición de los decimales. No emplear nuestra coma...
var x2 = 34;
var y1 = 123e5; // Esto equivale a 123 * 100000. Multiplicado por 10 elevado a la cinco
var y2 = 123e-5; // Esto equivale a 123 * 0,00001. Multiplicado por 10 elevado a la menos cinco
var z1 = 123E2; // La E puede escribirse también en mayúscula
var z2 = 123E-2; // También en potencias negativas de 10
document.getElementById("demo").innerHTML = x1 + "<br>" + x2 + "<br>" + y1 + "<br>" + y2 + "<br>" + z1 + "<br>" + z2;
</script>
</body>
</html> 

Ejercicio 7.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Los arrays son variables que almacenan varios elementos. Se escriben entre corchetes separados por comas.</h2>
<p id="demo"></p>
<script>
var cars = ["Saab","Volvo","BMW"];
document.getElementById("demo").innerHTML = cars[0]; // Devuelve la primera posición del array
</script>
</body>
</html> 

Ejercicio 8.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Un objeto en JavaScript es una colección de propiedades a las que se les asigna un valor.</h2>
<p id="demo"></p>
<script>
var person = {
    firstName : "John",
    lastName  : "Doe",
    age       : 50,
    eyeColor  : "blue"
};
document.getElementById("demo").innerHTML =
person.firstName + " is " + person.age + " years old.";
</script>
</body>
</html> 

Ejercicio 9.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El operador <i>typeof</i> devuelve el tipo de la variable o expresión.</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
typeof "john" + "<br>" + 
typeof 3.14 + "<br>" +
typeof false + "<br>" +
typeof [1,2,3,4] + "<br>" +
typeof {name:'john', age:34};
</script>
</body>
</html> 

Ejercicio 10.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Tanto el valor de una variable como el tipo de variable son <i>undefined</i> 
si no se le ha asignado un valor a la variable.</h2>
<p id="demo"></p>
<script>
var person;
document.getElementById("demo").innerHTML =
person + "<br>" + typeof person;
</script>
</body>
</html> 

 Ejercicio 11.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Las variables pueden ser vaciadas estableciendo su valor como <i>undefined</i>.</h2>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person = undefined;
document.getElementById("demo").innerHTML =
person + "<br>" + typeof person;
</script>
</body>
</html> 

Ejercicio 12.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>En este caso se ha declarado la variable como un string vacío.</h2>
<p id="demo"></p>
<script>
var car = "";
document.getElementById("demo").innerHTML =
"The value is: " + car + "<br>" 
+ "The type is:" + typeof car;
</script>
</body>
</html> 

Ejercicio 13.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Los objetos pueden vaciarse declarándolos como <i>null</i>.</h2>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person = null;
document.getElementById("demo").innerHTML = typeof person;
</script>
</body>
</html> 

Ejercicio 14.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Los objetos se pueden vaciar declarando el valor como <i>undefined</i>.</h2>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person = undefined;
document.getElementById("demo").innerHTML = typeof person;
</script>
</body>
</html> 

Ejercicio 15.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre tipos de datos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Diferencia entre <i>null</i> y <i>undefined</i>.</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
typeof undefined + "<br>" +
typeof null + "<br>" +
(null === undefined) + "<br>" +
(null == undefined);
</script>
</body>
</html> 
Publicado por en
Etiquetas: , ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)