---
title: "Operadores en JavaScript, primera parte"
excerpt: "Aprende operadores en JavaScript desde cero (Parte 1): aritméticos, asignación y concatenación. Fundamentos esenciales con ejemplos prácticos."
date: "2019-03-25T03:52:14.000Z"
category: "JavaScript"
seo_title: "Operadores en JavaScript: asignación, incremento y lógicos"
seo_description: "Guía de operadores JavaScript (parte 1): asignación, incremento prefijo y sufijo, y operadores lógicos de negación. Diferencias entre ++i y i++ con ejemplos prácticos para principiantes."
author:
  name: "angel cruz"
  picture: "https://angelcruzdevcdn.nyc3.cdn.digitaloceanspaces.com/images/me/angel-cruz.png"
---

### Operadores de Asignación

El operador de asignación es el más utilizado y el más sencillo. Este operador se utiliza para guardar un valor específico en una variable como lo vimos en el <a href="https://angelcruz.dev/post/declaracion-de-variables-usando-var-let-const-y-tipos-de-datos">post anterior</a> cuando declarabamos una variable con var, let o const.


### Operadores de incremento y decremento

Estos dos operadores solamente son válidos para las variables numéricas y se utilizan para incrementar o decrementar en una unidad el valor de una variable.

#### Incremento

```js
var numero = 6;
++numero;
console.log(numero);  // numero = 7
```

#### Decremento

```js
var numero = 6;
--numero;
console.log(numero);  // numero = 5
```

#### Diferencias


```js
var numero1 = 5;
var numero2 = 2;
numero3 = numero1++ + numero2;
var numero1 = 5;
var numero2 = 2;
numero3 = ++numero1 + numero2;
```


<div class="not-prose">
	<div class="flex bg-yellow-100 rounded p-4 mb-4 text-sm text-yellow-700" role="alert">
		<svg class="w-5 h-5 inline mr-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd"
				d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
				clip-rule="evenodd"></path>
		</svg>
		<div>
			<p>
				Si el operador ++ se indica como prefijo del identificador de la variable, su valor se incrementa antes de realizar cualquier otra operación. Si el operador ++ se indica como sufijo del identificador de la variable, su valor se incrementa después de ejecutar la sentencia en la que aparece.
			</p>
		</div>
	</div>
</div>


Tomando en cuenta la nota anterior los resultados serían:

```js
// numero3 = 7, numero1 = 6
// numero3 = 8, numero1 = 6
```


#### Lógicos

Estos operadores son importantes ya que con ellos podemos hacer decisiones sobre las instrucciones que debe seguir nuestra aplicación basados en ciertas condiciones.

#### Negación

Se utiliza para obtener el valor contrario al valor de la variable:

Ejemplo


```js
var visible = true;
console.log(!visible);  // false
```

La negación lógica se obtiene usando el símbolo `!` como prefijo al identificador de la variable.

Algo importante a tener en cuenta:


- Si la variable contiene un número, se transforma en false si vale 0 y en true para cualquier otro número (positivo o negativo, decimal o entero).
- Si la variable contiene una cadena de texto, se transforma en false si la cadena es vacía ("") y en true en cualquier otro caso.


Ejemplo

```js
var cantidad = 0;
vacio = !cantidad;  // vacio = true
cantidad = 2;
vacio = !cantidad;  // vacio = false
var mensaje = "";
mensajeVacio = !mensaje;  // mensajeVacio = true
mensaje = 'Bienvenido';
mensajeVacio = !mensaje;  // mensajeVacio = false
```

Esto será todo por el momento, en otro post continuaré con los otros operadores que hacen falta:


- AND
- OR
- Matemáticos
- Relacionales

---

## Sitemap

Índice completo del sitio: [/sitemap.md](https://angelcruz.dev/sitemap.md)

Canónico HTML: [https://angelcruz.dev/post/operadores-en-javascript-primera-parte](https://angelcruz.dev/post/operadores-en-javascript-primera-parte)