Números Binarios - Tutorial de Introducción a la Programación

Resumen Rápido

El binario es el sistema base-2 que las computadoras usan internamente. Convertir entre binario y decimal te ayuda a entender cómo se almacenan y manipulan los datos. Cada número, carácter y color se almacena en última instancia como binario.

Entendiendo los Sistemas Numéricos

Usamos decimal (base-10) con dígitos 0-9. Las computadoras usan binario (base-2) con dígitos 0-1.

Decimal (Base-10)

  472 = 4×100 + 7×10 + 2×1
      = 4×10² + 7×10¹ + 2×10⁰

Binario (Base-2)

  1011 = 1×8 + 0×4 + 1×2 + 1×1
       = 1×2³ + 0×2² + 1×2¹ + 1×2⁰
       = 8 + 0 + 2 + 1 = 11 (decimal)

Conversión: Decimal a Binario

Divide por 2, rastrea los restos:

13 ÷ 2 = 6 remainder 1
 6 ÷ 2 = 3 remainder 0
 3 ÷ 2 = 1 remainder 1
 1 ÷ 2 = 0 remainder 1

Read remainders bottom-up: 1101
So 13 (decimal) = 1101 (binary)

Conversión: Binario a Decimal

Suma las potencias de 2:

1101 = 1×8 + 1×4 + 0×2 + 1×1
     = 8 + 4 + 0 + 1
     = 13

Binario en JavaScript

// Binary literal (prefix with 0b)
const binary = 0b1101; // 13

// Parse binary string
parseInt("1101", 2); // 13

// Convert to binary string
(13).toString(2); // "1101"

Valores Binarios Comunes

| Decimal | Binario | Significado | |---------|---------|-------------| | 0 | 0000 | Cero | | 1 | 0001 | Uno | | 255 | 11111111 | Byte máximo | | 256 | 100000000 | 2⁸ |

Por Qué Importa el Binario

Entender memoria y almacenamiento
Trabajar con colores (valores RGB)
Manipulación de bits para rendimiento
Protocolos de red y formatos de datos

Pruébalo Tú Mismo

Aquí tienes un ejemplo práctico que puedes probar. Copia este código y ejecútalo en la consola de tu navegador (presiona F12 para abrir las herramientas de desarrollo) o en el Playground de Código.

// Binary literals in JavaScript (0b prefix)
const a = 0b1010;  // 10 in decimal
const b = 0b1111;  // 15 in decimal

console.log(a + b); // 25 (math works normally)

// Converting decimal to binary
const decimalNum = 42;
const binaryString = decimalNum.toString(2);
console.log(binaryString); // "101010"

// Converting binary to decimal
const binaryStr = "101010";
const decimalResult = parseInt(binaryStr, 2);
console.log(decimalResult); // 42

// Padding binary to 8 bits (byte)
function toByte(num) {
  return num.toString(2).padStart(8, '0');
}
console.log(toByte(5));   // "00000101"
console.log(toByte(255)); // "11111111"

// Binary representation of ASCII
const char = 'A';
const charCode = char.charCodeAt(0);
console.log(charCode);              // 65
console.log(charCode.toString(2));  // "1000001"

// Working with binary flags
const FLAG_A = 0b0001; // 1
const FLAG_B = 0b0010; // 2
const FLAG_C = 0b0100; // 4

let flags = FLAG_A | FLAG_C;  // 0101 (5)
console.log(flags.toString(2)); // "101"

Puntos Clave

✓Representa valores con dígitos base-2 (0 y 1).
✓Practica con ejemplos de código reales para solidificar tu comprensión
✓Este concepto construye la base para temas más avanzados