Estoy trabajando en el próximo proyecto js y tengo la siguiente matriz de objetos de entrada establecida en el estado de uso del tamaño de archivo. Aquí las claves se pueden considerar como los índices de la lista de archivos y el valor es el tamaño de ese archivo en particular. Digamos que el segundo índice clave-valor se elimina de la lista de archivos. Luego, necesito cambiar el estado de uso de FileSize de manera que todos los valores del segundo índice se muevan hacia arriba. He proporcionado una lista de objetos de entrada y la lista de objetos de salida que quiero tener como resultado
input file Object Array: { 0: 39768 1: 13264 2: 69432 3: 4567 4: 789 } output file Object Array: { 0: 39768 1: 13264 2: 4567 3: 789 }Hasta ahora he intentado de esta manera
const [fileSize,setFileSize] = useState({}); //Here I set the input files array to setFileSize usestate and this is working fine setFileSize(fileSize => ({ ...fileSize, [num]: f.size, }))Ahora necesito cambiar los valores del índice que se elimina el archivo. Eso significa que la matriz de salida anterior debe establecerse en fileSize useState. Intenté el siguiente código, pero esto no funciona correctamente.
var length = Object.keys(fileSize).length; setFileSize(fileSize => { return Object.entries(fileSize).map(([key, value]) => { if(key>index && key<length-1){ return {[parseInt(key)-1]: value} } }) });Necesito su ayuda para cambiar el estado de FileSize de matriz de entrada a matriz de salida. Cualquier ayuda sería muy apreciada
Verifique mi respuesta, usé foreach() y if key == index delete object property. Probado.
Actualizado.
let index = 2; let fileSize = { 0: 39768, 1: 13264, 2: 4567, 3: 789 }; Object.entries(fileSize).forEach(([key, value]) => { //delete object index key if(key == index){ delete fileSize[key]; }; //the rest iterations after index delete, move up the key value pairs if(key > index){ Object.assign(fileSize,{[key-1]: value}); delete fileSize[key]; } }); console.log(fileSize);Primero puede Array.prototype.filter(), Object.entries() de fileSize y finalmente Array.prototype.reduce() para obtener el objeto con índices de matriz como claves para cada uno de los valores.
Código:
const index = 1 const fileSize = { 0: 39768, 1: 13264, 2: 4567, 3: 789 } const result = Object .entries(fileSize) .filter(([k]) => +k !== index) .reduce((a, [, v], i) => (a[i] = v, a), {}) console.log(result)Lo que está buscando es la función filter , map no lo ayudará en este caso, ya que lo que hace map es transformar el objeto de matriz en otro objeto de matriz, sin omitir ninguno (volver a sintonizar null o no volver a sintonizar un valor simplemente haría null y los valores undefined se muestran donde estaba el valor que se suponía que debía eliminarse).