Heredé un sitio web y estoy tratando de comprimir un script mal escrito. Una sección en particular actualiza las opciones en un campo de selección en función de otras selecciones. Toma los valores numéricos de otros dos campos de selección para actualizar el número de opciones posibles en un tercer campo.
Aquí está el código en cuestión:
var value = parseInt(first_value) + parseInt(second_value); if(value == 1){ var newOptions = {"0": "0", "1": "1",}; } else if(value == 2){ var newOptions = {"0": "0", "1": "1", "2": "2",}; } else if(value == 3){ var newOptions = {"0": "0", "1": "1", "2": "2", "3": "3",}; } else if(value == 4){ var newOptions = {"0": "0", "1": "1", "2": "2", "3": "3", "4": "4",}; } else if(value == 5){ var newOptions = {"0": "0", "1": "1", "2": "2", "3": "3", "4": "4", "5": "5",}; }Continúa así hasta el valor == 30, por lo que termina siendo mucho código y estoy convencido de que hay una forma de reducirlo.
Yo mismo probé algunas soluciones que fallaron por completo, así que pensé en recurrir a la comunidad para ver si alguien tiene alguna idea.
Aquí hay una manera rápida y fácil. Al establecer el iterador x en -1, podemos usar ++x en el ciclo while . La conversión de Number explícitos ( +val ) probablemente sea exagerada, pero útil si el valor de val proviene de una entrada u otro elemento HTML
const getOptions = val => { let base = {}, x = -1; while (++x <= +val) base[x] = x.toString(); return base } newOptions = getOptions(5); console.log(newOptions)¿Algo como esto?
const foo =(value) => { let newOptions={0:'0'} for (let i = 1; i < value+1; i++) newOptions[i]=i.toString() return newOptions } console.log(foo(30))