0

El ejercicio de typescript parece muy sencillo: toma un arreglo de la siguiente forma arr = [1,'a','b',2] y dentro de una función, modificándolo y devuelve un arreglo con sólo números sin crear un arreglo nuevo.

function unaFunc(arr: any[]) {
    //escribe tu función aquí
    //yo intenté lo siguiente: return arr.filter(e => typeof e === 'number')
}

let arr = [1,'a','b',2]
unaFunc(arr)
console.log(arr)

Pero eso no da el resultado esperado. Simpre devuelve el arreglo original (es decir: [1,'a','b',2])

Alguna idea? Gracias

4
  • 2
    De hecho si te devuelve el arreglo filtrado, el problema es que estás imprimiendo el arreglo arr y no lo que te devuelve la función unaFunc(arr)
    – Oscar GG
    el 25 mar. 2021 a las 13:51
  • claro, pero el ejercicio es así como está. El console.log es sobre la variable "arr". Gracias por tu ayuda
    – Alejandro
    el 25 mar. 2021 a las 13:55
  • Asígnale a arr lo que te devuelve la función, arr = unaFunc(arr)
    – Oscar GG
    el 25 mar. 2021 a las 14:03
  • lo único que puedo hacer es modificar la función
    – Alejandro
    el 25 mar. 2021 a las 14:20

4 respuestas 4

1

te lo resolvi en javascript, pero puedes pasarlo a typescript. El problema es que el metodo .filter() es un metodo que no altera el array original, sino que crea uno nuevo. En este ejemplo lo que hice fue recorrer el array y almacenar el indice de todas las strings en otro array toRemove. Luego de esto simplemente itere sobre cada uno de sus elementos y los elimine del array original. Si te preguntas por que use el metodo reverse(), fue para poder eliminar los elementos dentro del for sin que el hecho de estar dentro de un bucle causara problemas.

function unaFunc(arr) {
    const toRemove = [];
    for (let e in arr) {
        typeof arr[e] !== 'number' && toRemove.push(e);
    }
    for ( let e of toRemove.reverse() ) {
        arr.splice( e, 1 );
    }
}

let arr = [1,'a','b',2];
unaFunc(arr);
console.log(arr);
3
  • Gracias Fabio! pero una de las consignas es no crear un array nuevo
    – Alejandro
    el 25 mar. 2021 a las 14:52
  • El OP pide que sea en TypeScript, ten en cuenta que TypeScript y Javascript no son iguales el 25 mar. 2021 a las 14:53
  • ese mismo codigo facilmente lo podrias pasar a typescript... Y creo que a lo que se refieren es que debes modificar el array original, y no devolver un array nuevo en la funcion el 25 mar. 2021 a las 14:58
1

Planteo una solución similar a la de @Fabio, pero con un solo loop.
En vez de recorrer el array para sacar los índices de los elementos que no sean de tipo number y después volver a recorrerlo para eliminar los elementos de esos índices (además del coste del reverse del array de índices); podemos iterar una vez, haciendo la comprobación y el borrado del elemento en la misma iteración y controlando el índice.

const filterFn = <R>(arr: (number | R)[]): void => {
    const isNumber = (element: number | R): element is number => {
        return typeof element === 'number';
    }

    for (let i = 0; i < arr.length; ++i) {
        const element = arr[i];
        if (!isNumber(element)) {
            // Eliminamos el elemento
            arr.splice(i, 1);
            // Decrementamos el index para 
            // hacer referencia al siguiente
            // elemento del array
            --i;
        }
    }
}

La sutil diferencia es la expresión --i.
Cuando eliminamos un elemento, debemos decrementar el índice para apuntar al siguiente elemento del array. Sin decrementarlo, estaríamos "saltándonos" un elemento de la lista.

Con un caso práctico, supongamos que arr es [1, 'a', 'b', 15]; cuando i vale 1, isNumber('a') devolverá false, por lo que eliminaremos ese elemento. Ahora, arr es [1, 'b', 15]. En la siguiente iteración, i valdrá 2, por tanto, arr[i] será el tercer elemento, 15. Nos hemos "saltado" el elemento 'b'.
Después de invocar a slice, todos los elementos después de i, hacen un "shift" a la izquierda. Por eso i debe ajustarse.

Disclaimer
La firma de la función filterFn<> puede cambiar, sólo le he querido otorgar una firma más explícita por el bien de la explicación, pero function unaFunc(arr: any[]) también valdría.

Espero que sirva.

0
function unaFunc(arr: any[]) {
    
    let counter = 0    

     for (let index = 0; index < arr.length; index++) {
        const element = arr[index];
        if (typeof element === 'number') {
            counter = counter + 1 
        } else {
            for (let ind = index; ind < arr.length; ind++) {
                const ele = arr[ind];
                if (typeof ele === 'number') {
                    arr[index] = ele
                }
            }            
        }       
        
    }    
    arr.length = counter
}

let arr = [1,'a','b',2]
unaFunc(arr)
console.log(arr)

con ese código puedo devolver el resultado del ejercicio, pero no aplica para un array más largo con más datos, ya que no devuelve correctamente los datos.

0

Usando solo métodos de arreglos, en un ciclo puedes verificar si existe un elemento que no sea numérico y eliminarlo.

  • .findIndex() - Si encuentra un elemento que cumple con la condición devuelve su posición (índice), de lo contrario, devuelve -1
  • .splice() - Cambia el contenido del arreglo, sin generar uno nuevo y, cuando proporcionas dos parámetros, el primero es la posición de inicio y el segundo la cantidad de elementos a eliminar

function unaFunc(arr) {
    let found = arr.findIndex(e => typeof e != 'number');
    while(found >= 0) {
        arr.splice(found, 1);
        found = arr.findIndex(e => typeof e != 'number');
    }
}

let arr = [1,'a','b',2];
unaFunc(arr);
console.log(arr);

Supongo que para hacerlo Typescript solo debes asignar tipo al parámetro de la función:

function unaFunc(arr: any[]) {
    let found = arr.findIndex(e => typeof e != 'number');
    while(found >= 0) {
        arr.splice(found, 1);
        found = arr.findIndex(e => typeof e != 'number');
    }
}

let arr = [1,'a','b',2];
unaFunc(arr);
console.log(arr);

Duda: ¿En Typescript también es opcional finalizar líneas con ;?

4
  • 1
    Typescript transpila a JavaScript, por lo que sí, también es opcional el semi-colon al final de cada línea, aunque la mayoría de guías de estilo lo desaconsejan.
    – VRoxa
    el 25 mar. 2021 a las 21:20
  • Perfecto, @VRoxa. Gracias por la aclaración.
    – Triby
    el 25 mar. 2021 a las 21:40
  • 1
    Por si te sirve, yo acostumbro a usar el Typescript playground para hacer pruebas o "mini scripts" o, por ejemplo, para escribir y probar mis respuestas que redacto en SO (las de TS, claro), c:
    – VRoxa
    el 25 mar. 2021 a las 21:43
  • Por supuesto que va a servirme, muchas gracias.
    – Triby
    el 25 mar. 2021 a las 21:44

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.