Método JavaScript Array fill() – Part 1

A continuación se muestra el ejemplo del método Array fill() para completar con un solo dígito. 
 

• Ejemplo: 
   

<script>
    // JavaScript code for fill() method
    function func() {
        var arr = [1, 23, 46, 58];
 
        // fill array with 87
        arr.fill(87);
        document.write(arr);
    }
    func();
</script>

• Producción: 
   

[87, 87, 87, 87]

El método arr.fill() se usa para llenar la array con un valor estático dado. El valor se puede usar para llenar toda la array o se puede usar para llenar una parte de la array. 
Sintaxis: 
 

arr.fill(value, start, end)

Parámetros: este método acepta tres parámetros, como se mencionó anteriormente y se describe a continuación: 
 

• value: Define el valor estático con el que se van a reemplazar los elementos del array.
• start (Opcional): Define el índice de inicio desde donde se llenará el array con el valor estático. Si no se define este valor, el índice inicial se toma como 0 . Si inicio es negativo, entonces el índice de inicio neto es longitud+inicio .
• end (opcional): este argumento define el último índice hasta el cual se debe llenar la array con el valor estático. Si este valor no está definido, por defecto el último índice de ie arr.length – 1 se toma como el valor final. Si el final es negativo, el final neto se define como longitud+final .

Valor devuelto: este método no devuelve una nueva array. En su lugar, modifica la array en la que se aplica este método.
Los siguientes ejemplos ilustran el método Array fill() en JavaScript:
 

• Ejemplo 1: en este ejemplo, el método fill() llena toda la array con 87 , reemplazando todos los valores iniciales presentes en la array.
   

var arr = [1, 23, 46, 58];
arr.fill(87); 

Producción: 
 

[87, 87, 87, 87]

• Ejemplo 2: En este ejemplo, el método fill() llena la array del índice 1 al 2 uno menos que el índice superior con 87 , reemplazando todos los valores iniciales presentes en la array. 
   

var arr = [1, 23, 46, 58];
arr.fill(87, 1, 3); 

Producción: 
 

[1, 87, 87, 58]

• Ejemplo 3: En este ejemplo, el método fill() llena la array del índice 1 al 3 con 87 , reemplazando todos los valores iniciales presentes en la array.
   

var arr = [1, 23, 46, 58];
arr.fill(87, 2); 

Producción: 
 

[1, 23, 87, 87]

Los códigos para el método anterior se definen de la siguiente manera:
Programa 1: 
 

<script>
    // JavaScript code for fill() method
    function func() {
        var arr = [1, 23, 46, 58];
 
        // Here value = 87, start index=1
        arr.fill(87, 2);
        document.write(arr);
    }
 
    func();
</script>

Producción: 
 

[1, 23, 87, 87]

Programa 2: 
 

<script>
    // JavaScript code for fill() method
    function func() {
        var arr = [1, 23, 46, 58];
 
        // here value = 87, start index=1 and
        // and last index = 3
        arr.fill(87, 1, 3);
        document.write(arr);
    }
 
    func();
</script>

Producción: 
 

[1, 87, 87, 58]

Navegadores compatibles: los navegadores compatibles con el método JavaScript Array fill() se enumeran a continuación: 
 

• Google Chrome 45.0
• Microsoft Edge 12.0
• MozillaFirefox 31.0
• Safari 7.1
• Ópera 32.0