Crear String usando Template Literals

Los templates literals, simplifican una concatenación de cadenas.

Su sintaxis:  ´cadena ${expresión}´

Ejemplo:

Ejercicio freeCodeCamp

Utilice la sintaxis template literal para crear una matriz de lista de elementos (li). El texto de cada elemento de la lista debe ser uno de los elementos de la matriz failure que es una propiedad del objeto result. Además, debe tener un atributo class con el valor "text-warning". La función makeList debería devolver la matriz de cadenas de elementos de la lista.

Utilice cualquier tipo de bucle para obtener la salida deseada (que se muestra a continuación).

Código a modificar

Solución

La constante failuresList llama a la función makeList que tiene como argumento al objeto result y su propiedad failure que es una matriz de tres elementos. 

El argumento arr sustituye a result.failure en la función.

Se crea una nueva matriz failureItems para guardar los elementos que se leerán del objeto result.failure.

Se usa el bucle for para iterar la instrucción tantas veces como sea la longitud de la matriz dado por length 

A lenght se le restará 1, porque Javascript accede a los elementos de una matriz a través de su posición que siempre comienza en 0.  Una matriz de 3 elementos se  leerá como 0, 1 y 2 posiciones. 

Pero lenght devuelve 3 como longitud, porque comienza a leer desde 1.

Para hacer coincidir lenght con las posiciones de la matriz, se debe restar, para este caso uno.

arr.lenght-1 = 2

Se llena la matriz failureItems según sea el valor de la variable i. 

• i=0 buscará la posición 0 en la matriz failure, que en este caso es "no-var" y lo agregará a la matriz failureItems.
• i=1 buscará en la posición 1 de la matriz failure el elemento "var-on-top" y lo agregará a la matriz failureItems.
• i=2 buscará en la posición 2 de  la matriz failure el elemento "linebreak" y lo agregará a la matriz failureItems.

Cuando i=2 se cumple la condición  i<=arr.lenght-1 que al sustituir es 2<=2 y se detiene el bucle.

Se imprime la lista de elementos que guarda la matriz failureItems.

Salida

Código para copiar

const result = {

  success: ["max-length", "no-amd", "prefer-arrow-functions"],

  failure: ["no-var", "var-on-top", "linebreak"],

  skipped: ["no-extra-semi", "no-dup-keys"]

};

function makeList(arr) {

  // Only change code below this line

  const failureItems = [];

  for (let i = 0; i <= arr.length - 1; i++) {

    failureItems[i] = `<li class="text-warning">${arr[i]}</li>`;

  }

  // Only change code above this line

  return console.log(failureItems);

}

const failuresList = makeList(result.failure);

Explicación práctica de los templates literals.

No tienes la obligación de seguir siendo la misma persona que eras hace un año, hace un mes o incluso hace un día. Estás aquí para crearte a ti mismo, continuamente.

Richard Feynman

¿Me compras un cafecito?