¿Cómo extender un array existente con otro array en JavaScript sin crear uno nuevo?
¡Hola a todos! Acabo de empezar a aprender JavaScript y me encontré con este problema.
Tengo dos arrays:
```javascript
let fruits = ['apple', 'banana', 'orange'];
let moreFruits = ['grape', 'kiwi', 'mango'];
```
Necesito agregar los elementos del array `moreFruits` al final del array `fruits`, para obtener finalmente un solo array `['apple', 'banana', 'orange', 'grape', 'kiwi', 'mango']`.
Sé que se puede hacer así:
```javascript
let combined = fruits.concat(moreFruits); // ['apple', 'banana', 'orange', 'grape', 'kiwi', 'mango']
```
Pero el problema es que `concat()` crea un **nuevo** array, y yo necesito modificar exactamente el **array existente** `fruits`, sin crear uno nuevo. ¿Por qué es importante? Porque en mi código varias variables y funciones hacen referencia al array `fruits`, y si creo un nuevo array, todas esas referencias se perderán.
Intenté usar `push()` en un bucle:
```javascript
for (let i = 0; i < moreFruits.length; i++) {
fruits.push(moreFruits[i]);
}
```