Playground - Dibuja un triangulo

Leonardo de los angeles Espinoza Hernandez

student•

¡Hola Platzinauta!

🛡️🛡️🛡️Este es un escudo anti spoilers🛡️🛡️🛡️

. Los bucles son una herramienta súper poderosa y súper útil cuando necesitas pasar de nivel con los lenguajes de programación, además, de estos dependen la complejidad algoritmica de tus soluciones a problemas más grandes, un concepto del cual deberás preocuparte en un futuro no muy lejano. . Este ejercicio en cuestión, es súper interesante pero tiene un detalle muy interesante el cuál puede que haga que tu solución no pase pero aquí te explico el porque y la solución planteada ¿Lograrás resolverlo? . Procedo a poner un gif de un loop

!loop

Explicación

Si resolviste el problema pero tu solución no pasa, puede ser por este sutil pero importante detalle que deje en la guía.

Recuerda que para hacer el salto de línea debes usar "\n", no olvides removerla de la última parte.

Primero te explicaré la solución la cuál incluye métodos avanzados que aprenderás a lo largo de este camino y posibles alternativas al código de solución .

export function printTriangle(size, character) {
  // Inicializa mi array de elementos
  const triangle = [];
  // Empieza a iterar desde 1 hasta que el iterador sea igual a size
  for (let i = 1; i <= size; i++) {
    // inicializa una variable llamada "characters" que contendrá una cadena de caracteres repetidos. 
    // La cantidad de caracteres repetidos dependerá del valor de "i".
    let spaces = " ".repeat(size - i);
    // Después repetimos el carácter a pintar la cantidad de veces del iterador
    let characters = character.repeat(i);
    // Para después juntar el número de espacios y caracteres en un solo string
    let figure = `${spaces}${characters}`;
    // Y al final mandar esto al array inicial
    triangle.push(figure);
  }

  // La prueba nos pide un string, por lo que usaremos join() para convertir
  // El array en un string donde las comas sean reemplazadas por el salto de linea
  return triangle.join("\n");
}

Es importante mencionar que el método .join() propio de los arrays reemplaza las comas por el carácter dado Ejemplo:

const names = ["Nico", "Juan", "Oscar"]
console.log(names.join(" Hola "))

Este código nos devolverá lo siguiente

"Nico Hola Juan Hola Oscar"

Excluyendo el "Hola" al inicio y al final del string, si usas otra alternativa deberás pensar en omitir el salto de linea "\n" del inicio y final del string resultante . ¿Cómo te fue con este reto?

Stevenson Grajales

student•

Quedé como el meme de: En clase "sumar manzanas y peras" El examen: "Despeje la integral de Euler"

Cristian Contreras

student•

No se vale que utilices métodos para resolver este reto que aún no hemos visto. :(

Orlando Sánchez

student•

Saludos, les recomiendo que intenten hacer los ejercicios utilizando solamente los conceptos que se han tratado hasta este punto, evitando utilizar métodos que no se hayan tocado como manipulación de strings.

Una de las intenciones de estas practicas es ejercitar el pensamiento lógico y algoritmos.

Aquí les dejo un ejemplo usando solamente lo que se ha tocado hasta este tema.

export function printTriangle(size, character) {
  let triangle = "";
  let characterNumber = 1;
  while(characterNumber <= size){
      for (let j = 0; j < size - characterNumber; j++) {
        triangle += " ";
      }
      for (let j = 0; j < characterNumber; j++) {
        triangle += character;
      }
    if (characterNumber < size) { triangle += `\n` };
    characterNumber++;
    }
  
  return triangle;
}

Juan David Hincapie Soto

student•

Buena solución teniendo en cuenta lo que va del curso!

Natalia Jaramillo Montoya

student•

Me gusta mucho tu solución, ¿podrías explicarme un poco cómo llegaste a ella? Me gustaría entenderla mejor ya que algunas cosas no me quedan 100% claras.

Ricardo Samael Guzman Alejandro

student•

En esta tengo que admitir que no tenia ni la mas minima idea de como hacerlo.

Natalia Jaramillo Montoya

student•

Ya somos dos, realmente quiero entender, pero me enrollo en una persiana con este playground.

Bruno Hernández Echeverría

student•

Yo les puedo intentar explicar con el código que yo utilice:

const drawTriangle = (size, char) => {

// Aquí estoy creando un array para contener cada fila del triangulo

let triangle = []

// Iniciamos el bucle

  for(let i=1; i<= size; i++) {

	// Cada fila se hace con el método repeat al cual le pasamos un string y la cantidad de veces que lo queremos repetir: **caracteresARepetir.repeat(numeroDeRepeticiones)**

	// Entonces llenamos cada fila con el numero necesario de espacios en blanco y el numero de caracteres utilizando la altura final que debe tener el triangulo y la iteración actual (i)

	// Al utilizar comillas invertidas el código dentro de los corchetes ${} se va a ejecutar y va a formar parte del string automáticamente
	let line = `${" ".repeat(size - i)}${char.repeat(i)}`

// Despues solo agregamos la fila al array que creamos anteriormente con el método push

  triangle.push(line)
 }

// Y al devolver el array lo transormamos a un string con el metodo join al cual le podemos pasar el salto de linea "\n" para que lo ponga al final de cada fila que contiene

  return triangle.join("\n")
}

No sé si me explique bien jajaja pero si te deje con mas dudas me dices 🥸

Andrea Perico

student•

Solución

export function printTriangle(size, character) {
  let triangle = "";
  for (let i = size; i > 0; i--) {
    for (let j = 1; j <= size; j++) {
      triangle += j < i ? ' ' : character;
    }
    if(i > 1){
      triangle += `\n`;
    }
  }
  return triangle;
}

Andres Arias

student•

me gustó como lo hiciste super corto, aunque para ser sincero hay líneas que no sabia, pero es muy ineterezante como hiciste. Gracias por el aporte.

Ylich Orsini

student•

¡Excelente manera de resolverlo!

Mauricio Gualteros

student•

Nadie hizo el ejercicio con los temas que hemos visto. Me siento timado un poco con la solución de LeoCodeo.

Karla Guzmán Zabaleta

student•

Me uno al equipo. No me gusta porque frustra.

Danelia Sanchez Sanchez

student•

Pensé que se debía resolver sin usar alguna otra función como repeat(), yo lo hice así:

Juan Pablo

student•

La unica solucion sin usar funciones no vistas

Santiago Palacio Vásquez

student•

Sabías que…

Un triángulo rectángulo es un tipo de triángulo que tiene un ángulo recto, es decir, un ángulo de 90 grados. Los otros dos ángulos son agudos, es decir, tienen menos de 90 grados.

La característica principal de un triángulo rectángulo es que uno de sus lados es más largo que los otros dos. Este lado se llama hipotenusa y siempre se encuentra opuesto al ángulo recto. Los otros dos lados se llaman catetos, y se clasifican en cateto opuesto (altura) y cateto adyacente (base).

Solución:

/**
 * Generates a triangle of the specified size and character.
 * @param {number} size - Size of the triangle.
 * @param {string} character - Character to use for the triangle.
 * @returns {string} Right triangle.
 */
function printTriangle(size, character) {
    let triangle = "";
    for (let i = 1; i <= size; i++) {
        const blanks = " ".repeat(size - i)
        const characters = character.repeat(i)
        triangle += blanks + characters
        if (i < size) triangle += "\n"
    }
    return triangle
}

Aka SinssChoss

student•

Solución 😉

🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧

export function printTriangle(size, character) {
  // Tu código aquí 👈
  let string = ""
  for (let i = 1; i <= size; i++) {

    string += `${" ".repeat(size - i)}${character.repeat(i)}\n`
  }
  string = string.slice(0, -1)
  return string
}

Ismael Cruz Procel

student•

Qué buena solución!

Belén González

student•

yo estaba tratando de hacer la solucion con el repeat tambien, no se me ocurria que tambien lo podia usar para generar los espacios. Muy bueno

Harold Zurita Simon

student•

Solución… 😄

Para el ejemplo de un tamaño 5. Si la suma de las coordenadas es mayor que el tamaño-1, imprimimos el carácter, sino sumamos un espacio. . Al recorrer toda una fila hacemos un salto de línea "\n". . Al final podemos quitar el salto de línea sobrante con el método substring(), tomando la cadena que va desde el inicio hasta el (tamaño de la cadena)-1. .

export function printTriangle(size, character) {
  let triangle = "";
  for (let i = 0; i < size; i++) { 
    for (let j = 0; j < size; j++) { 
      if ((i + j) >= (size - 1)) {
        triangle += character;
      } else { 
        triangle += " ";
      }
    }
    triangle += "\n";
  }
  return triangle.substring(0,triangle.length-1);
}

Diego Vanegas

student•

Mo solución al reto, desde un inicio sabia que debia usar metodos de array, me dio resultado pero no di con que la fila principal quedara en la parte derecha, use el repeat() propuesto por Leo...

aun asi me voy feliz 💛

El codigo sirve para VSCode ✅ no para el playground 🔴

Francisco Arcos

student•

Me paso exactamente lo mismo.

 function printTriangle(size, character) {
  for (let i = 1; i <= size; i++) {
    let space = " "
    let num_space = size - i

    space_piramide = space.repeat(num_space)
    charac_piramide = character.repeat(i)

    let piramide = space_piramide + "" + charac_piramide

    console.log(piramide)
  }
}

Abril Darynka Tapia Sosa

student•

Hola, dejo mi solucion Caminito anti spoilers 🚗 . . . . . . . . . . . . . . . . . . . . Llegamos 📍

export function printTriangle(size, character) {
  let triangulo = '';
  for (let i = 1; i <= size; i++) {
    let line = '';
    const blanckcharacter = size - i;
    for (let n = 1; n <= size; n++) {
      line += n <= blanckcharacter ? " " : `${character}`;
    }
    const addLineBrak = i < size ? '\n' : '';
    triangulo += `${line}${addLineBrak}`
  }
  return triangulo;
}

Dante Mariani

student•

Hola! No estoy entendiendo cómo llegar a que el triángulo se imprima del lado derecho de la consola. Entiendo el planteo, hice algo similar pero no sé como hacer que se imprima del lado derecho.

Leonardo de los angeles Espinoza Hernandez

student•

Una pista, agrega espacios. Si en la primer fila tienes un solo carácter agrega 6 espacios (pensando que se está pidiendo un triangulo de 6 filas) y vas quitando espacios en cada iteración.

Espero te sirva :D

Francisco Javier Solis Martinez

student•

Usando padStart y repeat 🙂

 function printTriangle(size, character) {
  return [...Array(size)]
    .map((_, index) => character.repeat(index + 1).padStart(size, ' '))
    .join('\n')
}

Edwin Tonatiuh Lozano Estrada

student•

Aqui les dejo mi solucion:

export function printTriangle(size, character) {
  // Tu código aquí 👈
  let triangle = "";
  for (let line = 1; line <= size; line++){

    for (let spaces = 0; spaces < size - line; spaces++){
      triangle += " ";
    }

    for (let symbols = 0; symbols < line; symbols++) {
      triangle += character;
    }

    if (line != size) {
      triangle += "\n";
    }
  }

  return triangle
}

Hiver Tapia

student•

😢🤦‍♀️🤢 estuvo muy hard. export function printTriangle(size, character) { let fila = ''; for (let i = 1; i <= size; i++) { fila += ' '.repeat(size - i) + character.repeat(i) + '\n'; } return fila.trimEnd(); } console.log(printTriangle(5, "*"));

Mauricio Andrés Brochet Buelvas

student•

Esto fue lo que pude lograr apenas :(

Santiago Ruiz

student•

Me gusto tu solución porque es con lo aprendido, solo que el resultado debe de ser de derecha a izquierda.

Milton Fonseca Zurita

student•

Mi solución:

let piramid = ""
  let step = 1;
  while (size >0) {

    for (let j = size-1; j > 0 ; j--) {
      piramid = piramid + " ";
    }
    
    for (let i = 0; i < step; i++) {
      piramid = piramid + character;
    }

    if (size != 1) {
      piramid = piramid + "\n";
    }
    console.log(piramid)
    step++;
    size--;
  }
  return piramid

David Esteban Giraldo Duque

student•

Este es el playground más complicado hasta el momento, pero logré solucionarlo utilizando lo aprendido hasta este punto aunque existen soluciones más sencillas utilizando algunos métodos:

export function printTriangle(size, character) {
  // Tu código aquí 👈
  let triangle = ""
  for (let i = 1; i <= size; i++) {
    for (let j = 1; j <= size; j++) {
      if (j <= size - i) {
        triangle += " "
      } else {
        triangle += character
      }
    }
    triangle += (i != size) ? "\n" : ""
  }
  return triangle
}

Jose Miguel Gomero Vasquez

student•

** * * * * * *

function printTriangle(size, character) {
  // Tu código aquí 👈
  let textoFinal = '';
  for (let i = 1; i <= size; i++) {
    let figure = character.repeat(i).padStart(size) + '\n';
    textoFinal += figure;
  }
  return textoFinal.trimEnd(); //trim.end elimina espacios en blanco al final de una cadena de caracteres.
}

Santiago Quintero

student•

Mi solución:

function printTriangle(size, character) {
  const array=[];
  for(let i=1;i<=size;i++){
    const suma= character.repeat(i); 
    array.push(`${" ".repeat(size-suma.length)}${suma}`);
  }
  return array.join("\n");
}

Si se les dificulta y en algo les puedo ayudar, con mucho gusto me pueden preguntar.

Jose Barboza

student•

interesante!

export function printTriangle(size, character) {
  // Inicializa mi array de elementos
  const triangle = [];
  // Empieza a iterar desde 1 hasta que el iterador sea igual a size
  for (let i = 1; i <= size; i++) {
    // inicializa una variable llamada "characters" que contendrá una cadena de caracteres repetidos. 
    // La cantidad de caracteres repetidos dependerá del valor de "i".
    let spaces = " ".repeat(size - i);
    // Después repetimos el carácter a pintar la cantidad de veces del iterador
    let characters = character.repeat(i);
    // Para después juntar el número de espacios y caracteres en un solo string
    let figure = `${spaces}${characters}`;
    // Y al final mandar esto al array inicial
    triangle.push(figure);
  }

  // La prueba nos pide un string, por lo que usaremos join() para convertir
  // El array en un string donde las comas sean reemplazadas por el salto de linea
  return triangle.join("\n");
}

export function printTriangle(size, character) {
  let triangle = "";
  let characterNumber = 1;
  while(characterNumber <= size){
      for (let j = 0; j < size - characterNumber; j++) {
        triangle += " ";
      }
      for (let j = 0; j < characterNumber; j++) {
        triangle += character;
      }
    if (characterNumber < size) { triangle += `\n` };
    characterNumber++;
    }
  
  return triangle;
}

const drawTriangle = (size, char) => {

// Aquí estoy creando un array para contener cada fila del triangulo

let triangle = []

// Iniciamos el bucle

  for(let i=1; i<= size; i++) {

	// Cada fila se hace con el método repeat al cual le pasamos un string y la cantidad de veces que lo queremos repetir: **caracteresARepetir.repeat(numeroDeRepeticiones)**

	// Entonces llenamos cada fila con el numero necesario de espacios en blanco y el numero de caracteres utilizando la altura final que debe tener el triangulo y la iteración actual (i)

	// Al utilizar comillas invertidas el código dentro de los corchetes ${} se va a ejecutar y va a formar parte del string automáticamente
	let line = `${" ".repeat(size - i)}${char.repeat(i)}`

// Despues solo agregamos la fila al array que creamos anteriormente con el método push

  triangle.push(line)
 }

// Y al devolver el array lo transormamos a un string con el metodo join al cual le podemos pasar el salto de linea "\n" para que lo ponga al final de cada fila que contiene

  return triangle.join("\n")
}

export function printTriangle(size, character) {
  let triangle = "";
  for (let i = size; i > 0; i--) {
    for (let j = 1; j <= size; j++) {
      triangle += j < i ? ' ' : character;
    }
    if(i > 1){
      triangle += `\n`;
    }
  }
  return triangle;
}

/**
 * Generates a triangle of the specified size and character.
 * @param {number} size - Size of the triangle.
 * @param {string} character - Character to use for the triangle.
 * @returns {string} Right triangle.
 */
function printTriangle(size, character) {
    let triangle = "";
    for (let i = 1; i <= size; i++) {
        const blanks = " ".repeat(size - i)
        const characters = character.repeat(i)
        triangle += blanks + characters
        if (i < size) triangle += "\n"
    }
    return triangle
}

export function printTriangle(size, character) {
  // Tu código aquí 👈
  let string = ""
  for (let i = 1; i <= size; i++) {

    string += `${" ".repeat(size - i)}${character.repeat(i)}\n`
  }
  string = string.slice(0, -1)
  return string
}

export function printTriangle(size, character) {
  let triangle = "";
  for (let i = 0; i < size; i++) { 
    for (let j = 0; j < size; j++) { 
      if ((i + j) >= (size - 1)) {
        triangle += character;
      } else { 
        triangle += " ";
      }
    }
    triangle += "\n";
  }
  return triangle.substring(0,triangle.length-1);
}

 function printTriangle(size, character) {
  for (let i = 1; i <= size; i++) {
    let space = " "
    let num_space = size - i

    space_piramide = space.repeat(num_space)
    charac_piramide = character.repeat(i)

    let piramide = space_piramide + "" + charac_piramide

    console.log(piramide)
  }
}

export function printTriangle(size, character) {
  let triangulo = '';
  for (let i = 1; i <= size; i++) {
    let line = '';
    const blanckcharacter = size - i;
    for (let n = 1; n <= size; n++) {
      line += n <= blanckcharacter ? " " : `${character}`;
    }
    const addLineBrak = i < size ? '\n' : '';
    triangulo += `${line}${addLineBrak}`
  }
  return triangulo;
}

export function printTriangle(size, character) {
  // Tu código aquí 👈
  let triangle = "";
  for (let line = 1; line <= size; line++){

    for (let spaces = 0; spaces < size - line; spaces++){
      triangle += " ";
    }

    for (let symbols = 0; symbols < line; symbols++) {
      triangle += character;
    }

    if (line != size) {
      triangle += "\n";
    }
  }

  return triangle
}

let piramid = ""
  let step = 1;
  while (size >0) {

    for (let j = size-1; j > 0 ; j--) {
      piramid = piramid + " ";
    }
    
    for (let i = 0; i < step; i++) {
      piramid = piramid + character;
    }

    if (size != 1) {
      piramid = piramid + "\n";
    }
    console.log(piramid)
    step++;
    size--;
  }
  return piramid

export function printTriangle(size, character) {
  // Tu código aquí 👈
  let triangle = ""
  for (let i = 1; i <= size; i++) {
    for (let j = 1; j <= size; j++) {
      if (j <= size - i) {
        triangle += " "
      } else {
        triangle += character
      }
    }
    triangle += (i != size) ? "\n" : ""
  }
  return triangle
}

function printTriangle(size, character) {
  // Tu código aquí 👈
  let textoFinal = '';
  for (let i = 1; i <= size; i++) {
    let figure = character.repeat(i).padStart(size) + '\n';
    textoFinal += figure;
  }
  return textoFinal.trimEnd(); //trim.end elimina espacios en blanco al final de una cadena de caracteres.
}

function printTriangle(size, character) {
  const array=[];
  for(let i=1;i<=size;i++){
    const suma= character.repeat(i); 
    array.push(`${" ".repeat(size-suma.length)}${suma}`);
  }
  return array.join("\n");
}

Playground - Dibuja un triangulo

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios