A la hora de desarrollar un proyecto de programación, no siempre queremos darle valores a nuestros elementos. Hay momentos en los que queremos darles un significado distinto. Para ello, existen los valores de tipo primitivo null, NaN y undefined. En este post, te enseñaremos qué es y cómo utilizar null en JavaScript para solucionar obstáculos en un proyecto.
¿Qué es null?
Null en JavaScript es una palabra clave que nos permite definir un valor nulo o vacío de manera intencional. Es decir, en vez de usar otros tipos de valores, como podrían ser un número o un string, llenamos el «espacio» de código con un valor vacío de significado.
Como hemos aprendido en otros artículos, en JavaScript existen dos tipos de variables: aquellas que tienen tipos primitivos y aquellas que tienen tipos no primitivos. Los tipos primitivos son los elementos que no son objetos ni tienen métodos; es decir, los que no tienen funciones que les pertenezcan. Si bien es cierto que esto puede discutirse con el argumento de que prácticamente todo elemento en JavaScript se comporta como un objeto, profundizamos en este aspecto en el post sobre objetos en JavaScript.
Otra característica de los tipos primitivos es que son valores inmutables. Esto quiere decir que no pueden modificarse a menos que estén asignados a una variable como var o let.
Dentro de los tipos primitivos, junto a los elementos undefined, number, string, boolean, BigInt y symbol, está incluido el valor null en javascript, pues es un valor y no un objeto. Sin embargo, esto también lo discuten en la comunidad de programadores, dado que null es el valor final en la cadena de prototipos, que pertenece a los objetos.
Al igual que valores como undefined y NaN, null nos permite representar la ausencia de valor. A continuación, te enseñamos cómo utilizar null en JavaScript.
¿Cómo utilizar null en JavaScript?
Para entender cómo utilizar null en JavaScript, te pondremos un ejemplo práctico. Imagina que, como ya hemos hecho en otros posts, estamos creando una liga de fútbol en la que todos los equipos deben enfrentarse contra todos. El problema de este proyecto es que, para que funcione el algoritmo que hemos creado en nuestro artículo sobre programar un sistema de todos contra todos en JavaScript, el número de elementos en el array de equipos tendrá que ser par. Si este número no es par, afectará a toda la planificación de la liga, pues esta variable modifica el número de jornadas a jugar.
Entonces, ¿cómo hacemos que el número de elementos del array sea par? Una de nuestras opciones sería añadir otro equipo a nuestro array. Sin embargo, la programación pretende simular escenarios reales y esto no siempre ocurre en la vida real. Lo que normalmente ocurre es que, mientras todas las parejas de equipos compiten, uno de los equipos descansa. Aquí es donde podremos ver cómo utilizar null en JavaScript.
Para solucionar este problema, añadiremos un método nuevo que defina el número de jornadas a jugar dependiendo de si el número de elementos del array de equipos (s decir, los equipos que compiten) es par o impar. A continuación, te mostramos cómo se escribe este condicional sin definir la acción saliente todavía:
getTeamsForSchedule ( ) {
const teamNames = this.getTeamNames ( );
if (teamNames.lenght % 2 === 0) {
return;
} else {
return;
}
}
Como ves, para definir este tipo de condición utilizamos el operador aritmético de módulo. Con este método, hemos dicho que cuando el largo de teamNames es par sucede algo y, en caso contrario, sucede otra cosa.
Entonces, para hacer que el número que afecta las jornadas siempre sea par, añadiremos un equipo nulo para «competir» con el equipo que descansa. Para ello, añadiremos la palabra clave null en javascript en el array. A continuación, te mostramos exactamente cómo:
getTeamsForSchedule ( ) {
const teamNames = this.getTeamNames ( );
if (teamNames.lenght % 2 === 0) {
return teamNames;
} else {
return (…teamNames, null);
}
}
Lo que hemos hecho con la función anterior es decir que, si el largo de teamNames es par, entonces se devuelve su mismo número. Pero si la situación es otra (es decir, es impar), devolveremos teamNames más el valor null en js. Con ello, hacemos que el valor que nos devuelve la función getTeamsSchedule siempre sea par.
Ahora, podemos insertar esta función directamente como valor en todas las variables que necesiten el número de equipos. De esta manera, reutilizamos código y simplificamos nuestro proyecto con null en js.
¿Te animas a seguir aprendiendo?
Ahora que sabes qué es y cómo utilizar null en JavaScript, seguro que quieres seguir aprendiendo sobre otros elementos y técnicas de este lenguaje de programación. Por ello, te invitamos a inscribirte en el Desarrollo Web Full Stack Bootcamp. Allí, además de aprender a dominar JavaScript, aprenderás cómo desarrollar con otros lenguajes de programación para la web como CSS y HTML, con lo que te convertirás en un experto del desarrollo web en solo unos pocos meses. ¿Te animas a seguir aprendiendo? ¡Te esperamos!