Language Updates (#19321)
articulos -> elementos función -> function matriz -> arraypull/18999/merge
parent
16e20191fc
commit
bb541d86ba
|
@ -3,14 +3,14 @@ id: 587d78b3367417b2b2512b11
|
|||
title: Add Items Using splice()
|
||||
challengeType: 1
|
||||
videoUrl: ''
|
||||
localeTitle: Agregar artículos usando splice ()
|
||||
localeTitle: Agregar elementos usando splice ()
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> ¿Recuerda que en el último desafío mencionamos que <code>splice()</code> puede tomar hasta tres parámetros? Bueno, podemos ir un paso más allá con <code>splice()</code> ; además de eliminar elementos, podemos usar ese tercer parámetro, que representa uno o más elementos, para <em>agregarlos</em> también. Esto puede ser increíblemente útil para cambiar rápidamente un elemento, o un conjunto de elementos, por otro. Por ejemplo, digamos que está almacenando una combinación de colores para un conjunto de elementos DOM en una matriz, y desea cambiar dinámicamente un color en función de alguna acción: <blockquote> función colorCambiar (arr, index, newColor) { <br> arr.splice (index, 1, newColor); <br> volver arr; <br> } <br><br> vamos colorScheme = ['# 878787', '# a08794', '# bb7e8c', '# c9b6be', '# d1becf']; <br><br> colorScheme = colorChange (colorScheme, 2, '# 332327'); <br> // eliminamos '# bb7e8c' y agregamos '# 332327' en su lugar <br> // colorScheme ahora es igual a ['# 878787', '# a08794', '# 332327', '# c9b6be', '# d1becf'] </blockquote> Esta función toma una matriz de valores hexadecimales, un índice para eliminar un elemento y el nuevo color para reemplazar el elemento eliminado. El valor de retorno es una matriz que contiene un esquema de color recién modificado. Si bien este ejemplo está un poco simplificado, podemos ver el valor que puede tener el uso de <code>splice()</code> en su potencial máximo. </section>
|
||||
<section id="description"> ¿Recuerda que en el último desafío mencionamos que <code>splice()</code> puede tomar hasta tres parámetros? Bueno, podemos ir un paso más allá con <code>splice()</code> ; además de eliminar elementos, podemos usar ese tercer parámetro, que representa uno o más elementos, para <em>agregarlos</em> también. Esto puede ser increíblemente útil para cambiar rápidamente un elemento, o un conjunto de elementos, por otro. Por ejemplo, digamos que está almacenando una combinación de colores para un conjunto de elementos DOM en un array, y desea cambiar dinámicamente un color en función de alguna acción: <blockquote> function colorCambiar (arr, index, newColor) { <br> arr.splice (index, 1, newColor); <br> volver arr; <br> } <br><br> vamos colorScheme = ['# 878787', '# a08794', '# bb7e8c', '# c9b6be', '# d1becf']; <br><br> colorScheme = colorChange (colorScheme, 2, '# 332327'); <br> // eliminamos '# bb7e8c' y agregamos '# 332327' en su lugar <br> // colorScheme ahora es igual a ['# 878787', '# a08794', '# 332327', '# c9b6be', '# d1becf'] </blockquote> Esta función toma un array de valores hexadecimales, un índice para eliminar un elemento y el nuevo color para reemplazar el elemento eliminado. El valor de retorno es un array que contiene un esquema de color recién modificado. Si bien este ejemplo está un poco simplificado, podemos ver el valor que puede tener el uso de <code>splice()</code> en su potencial máximo. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions"> Hemos definido una función, <code>htmlColorNames</code> , que toma una matriz de colores HTML como un argumento. Modifique la función utilizando <code>splice()</code> para eliminar los dos primeros elementos de la matriz y agregue <code>'DarkSalmon'</code> y <code>'BlanchedAlmond'</code> en sus respectivos lugares. </section>
|
||||
<section id="instructions"> Hemos definido una función, <code>htmlColorNames</code> , que toma un array de colores HTML como un argumento. Modifique la función utilizando <code>splice()</code> para eliminar los dos primeros elementos del array y agregue <code>'DarkSalmon'</code> y <code>'BlanchedAlmond'</code> en sus respectivos lugares. </section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
|
Loading…
Reference in New Issue