如何使用JS过滤器功能返回所选选项的值

如何解决如何使用JS过滤器功能返回所选选项的值

我想获得一个数组，其中包含所选选项的值。 我想使用Array.prototype.filter。

我可以使过滤器返回所选选项的数组，但不返回选项值的数组。有没有一种方法可以返回所选选项的值的数组。

我可以使用forEach或for循环获取值的数组，但不能使用过滤器函数。如果这不可能，我想知道原因。

选择值

<select
                multiple
                className="form-control"
                id="genre"
                onChange={handleGenreChnage}>
                <option>drama</option>
                <option>music</option>
                <option>adventure</option>
                <option>historical</option>
                <option>action</option>
</select>

使用过滤器的功能-返回选项而不是选项中的值。

const handleGenreChnage = (event) => {
    const { options } = event.target;
    
    const optionsArray = [...options];

    const values  = optionsArray.forEach((option) => {
    
        if (option.selected) {
            return option.value;
            
        }
    });
    
    setForm({ ...form,genre: values.toString() });
};