Using fill and Map to refine an array

Question

Using fill and Map to refine an array

I'm facing an issue where a value of 0 is being added to the newArray as an Object, which I don't want. How can I resolve this?

modus = {start: -1, end: 0}

Output newArray:

0: {value: -1, label: -1} 1: {value: 0, label: 0}

I need the Output newArray to exclude {value: 0, label: 0}

const getOptions = (modus) => {
    console.log(modus.range.end + ' ' + modus.range.start)
    let data;
    if (modus.range.end < 0.00 ) {
        data = Array(modus.range.start - modus.range.end + 1).fill('').map((_, idx) => modus.range.end + idx)
    } else {
        data = Array(modus.range.end - modus.range.start + 1).fill('').map((_, idx) => modus.range.start + idx)
    }
    const newArray = data.map(item => ({ value: item, label: item }));
    return newArray
}

javascript

Answer 1

Answer №1

Removing zero values can enhance the data.

const
    modifyObject = item => ({ value: item, label: item }),
    createOptions = ({ range: { start, end } }) => {
        [start, end] = [Math.min(start, end), Math.max(start, end)];
        const hasZero = start <= 0 && end >= 0;

        console.log(start, end, hasZero);
        return Array.from(
            { length: end - start + !hasZero },
            _ => modifyObject(start++ || start++)
        );
    }

console.log(createOptions({ range: { start: 0, end: -1 } }));
console.log(createOptions({ range: { start: -1, end: 0 } }));
console.log(createOptions({ range: { start: -3, end: 3 } }));
console.log(createOptions({ range: { start: 2, end: 5 } }));

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

Removing zero values can enhance the data.

const
    modifyObject = item => ({ value: item, label: item }),
    createOptions = ({ range: { start, end } }) => {
        [start, end] = [Math.min(start, end), Math.max(start, end)];
        const hasZero = start <= 0 && end >= 0;

        console.log(start, end, hasZero);
        return Array.from(
            { length: end - start + !hasZero },
            _ => modifyObject(start++ || start++)
        );
    }

console.log(createOptions({ range: { start: 0, end: -1 } }));
console.log(createOptions({ range: { start: -1, end: 0 } }));
console.log(createOptions({ range: { start: -3, end: 3 } }));
console.log(createOptions({ range: { start: 2, end: 5 } }));

.as-console-wrapper { max-height: 100% !important; top: 0; }

Using fill and Map to refine an array

Answer №1

Similar questions

Adding a fresh HTML element with jQuery

Scope variable changes are not being acknowledged by the directive

How can we convert milliseconds to the corresponding date and time zone in Java?

Steer clear of receiving null values from asynchronous requests running in the background

Ways to add a value to an Array within the State

What could be causing the CSS to not display properly on specific routes?

Guide to uploading a file and interpreting an XML response in Internet Explorer 7

Utilizing a combination of PHP and jQuery, certain checkbox options were dynamically deactivated

Dealing with interstitial advertisements on mobile devices: What is the best approach for handling zoom?

Customize the appearance of alert boxes in ajax requests

Modify x and y axes in highcharts for stacked columns

What is the best way to collapse a button in asp.net using javascript after setting it to hidden?

The "loose" mode is not resolving the issue with the lack of support for the experimental syntax 'classProperties' that is currently disabled

Establish an HttpOnly cookie using JavaScript

What is the best way to transfer information from a client to a server using Meteor?

Utilize the fitBounds feature from GoogleMaps in Vuejs for seamless integration

Troubleshooting Material-UI Menus

Filter an array containing nested objects based on dynamically determined properties

Instructions for running a script from a personalized NPM package

Issue encountered while trying to set a property in ECMAScript 6