MI
класс, помогло )
Size: a a a
2020 March 30
АД
О, круто, я мало был уверен, что поможет)
2020 April 01
LF
Всем привет. Нужна помощь экспертов по регулярке. Есть селект с поиском, где я делаю short-list. Все работает до тех пор пока я не введу спец символы. Фрагмент кода такой:
const regex = new RegExp(`${e.target.value}`, 'gi');
return this.shortList = this.props.options.filter(item => item.label.match(regex) !== null);LF
Гугл подсказывает что нужно экранировать каждый введенный спец символ, может есть другой более элегантный способ ? Флаг для regex например ?
L
Занимаюсь продажей квартир. Не подскажите, как сделать интерактивную карту здания? Выбираешь этаж , отображается схема данного этажа, далее из этого выбираешь соответ. квартиры и тд
АД
Гугл подсказывает что нужно экранировать каждый введенный спец символ, может есть другой более элегантный способ ? Флаг для regex например ?
Не совсем понял твою проблему, код который ты скинул работает
LF
Не совсем понял твою проблему, код который ты скинул работает
Да, он рабочий если вводить буквы и цифры только. НО как только начать вводить спец символы
?, &, (, ), *вылетает ошибка, скриншот выше.
LF
Решил проблему так. Итог: поисковик работает со спец. символами в переменной specs. В противном случае сработает catch который не позволит функции упасть и кинуть ошибку.
АД
Да, он рабочий если вводить буквы и цифры только. НО как только начать вводить спец символы
?, &, (, ), *вылетает ошибка, скриншот выше.
А куда ты их вводишь? И как именно?
LF
А куда ты их вводишь? И как именно?
KS
почему не сделать бы indexOf? или ты в дальнейшем будешь манипулировать shortlist'om?
LF
почему не сделать бы indexOf? или ты в дальнейшем будешь манипулировать shortlist'om?
indexOf ищет же точное совпадение то есть str === str.
Мне же надо найти первое вхождение. Поправь если я ошибаюсь 🤔
Ща попробую переделать под индексоф, посмотрим чё получится
UPD: indexOf не решает проблему, так как возвращает только 1 элемент в массиве + ТОЧНОЕ совпадание
Мне же надо найти первое вхождение. Поправь если я ошибаюсь 🤔
Ща попробую переделать под индексоф, посмотрим чё получится
UPD: indexOf не решает проблему, так как возвращает только 1 элемент в массиве + ТОЧНОЕ совпадание
KS
indexOf ищет же точное совпадение то есть str === str.
Мне же надо найти первое вхождение. Поправь если я ошибаюсь 🤔
Ща попробую переделать под индексоф, посмотрим чё получится
UPD: indexOf не решает проблему, так как возвращает только 1 элемент в массиве + ТОЧНОЕ совпадание
Мне же надо найти первое вхождение. Поправь если я ошибаюсь 🤔
Ща попробую переделать под индексоф, посмотрим чё получится
UPD: indexOf не решает проблему, так как возвращает только 1 элемент в массиве + ТОЧНОЕ совпадание
onChange = (e) => {
const shortList = this.state.options.filter(text => {
return text.toLowerCase().includes(e.target.value.toLowerCase())
})
return this.setState({...this.state, shortList })
}
const shortList = this.state.options.filter(text => {
return text.toLowerCase().includes(e.target.value.toLowerCase())
})
return this.setState({...this.state, shortList })
}
LF
onChange = (e) => {
const shortList = this.state.options.filter(text => {
return text.toLowerCase().includes(e.target.value.toLowerCase())
})
return this.setState({...this.state, shortList })
}
const shortList = this.state.options.filter(text => {
return text.toLowerCase().includes(e.target.value.toLowerCase())
})
return this.setState({...this.state, shortList })
}
👍 this works, thanks
LF
@Wendedanse в чем магия ? ))
KS
onChange = (e) => {
const shortList = this.state.options.filter(text => {
return text.toLowerCase().includes(e.target.value.toLowerCase())
})
return this.setState({...this.state, shortList })
}
const shortList = this.state.options.filter(text => {
return text.toLowerCase().includes(e.target.value.toLowerCase())
})
return this.setState({...this.state, shortList })
}
здесь он будет сравнивать каждое слово
KS
там элемент
АД
В массивах метод includes ищет совпадение со значением ячейки, у строки includes ищет совпадение с рядом символов, то есть часть строки
LF
В массивах метод includes ищет совпадение со значением ячейки, у строки includes ищет совпадение с рядом символов, то есть часть строки
аа да точно, туплю 😁🤦♂️. Спасибо 👍
АД
если надо искать часть строки ячейки массива можно вот так:
arr.some((el) => el.includes(‘my string’))