Как найти в txt файле слово и вывести всю строку где оно находится?

Question

[Goldsliders]

Добрый вечер!
Хочу сделать что то типо переводчика для себя
Имеется вот такой файл txt

able ['eibl] способный
about [x'baut] приблизительно; о
above [q'bAv] над, выше
abroad [q'brPd] за границей
accident ['xkside(q)nt] случай
ache [eik] болеть
act [xkt] акт
action ['xkS(q)n] действие
actor ['xktq] актер
add [xd] прибавлять
address [q'dres] адрес

Хочу вводить в форме слово на английском и что бы мне выводилась вся строка с этим словом в отдельный блок...
Не подскажите как можно реализовать на js ??
Буду очень благодарен!

Comments

[Сергей Сергей]

// в консоли поиграться
`able ['eibl] способный
about [x'baut] приблизительно; о
above [q'bAv] над, выше
abroad [q'brPd] за границей
accident ['xkside(q)nt] случай
ache [eik] болеть
act [xkt] акт
action ['xkS(q)n] действие
actor ['xktq] актер
add [xd] прибавлять
address [q'dres] адрес`.split('\n').filter(s=>s.startsWith('action'))
// может кто дополнит полями ввода и вывода

[Goldsliders]

Сергей Сергей, но у меня это все в txt файле , как лучше сделать?

[Сергей Сергей]

Просто: сделать html-страницу со вшитым словарём.
Сложно: создать мини веб-приложение с загрузкой словаря, как-нибудь разделённого на удобные куски или из базы данных.

Answer 1

[Anonymous Penguin]

IMHO, Чтобы прямо из txt-файла прочитать, то нужно использовать либо какой-нибудь es-сборщик, типа Webpack, либо получить содержимое через асинхронный запрос. Второй метод подходит для Pure JS (чистый жс)

fetch('path/to/file.txt').then(res => {
  return res.text();
}).then(text => {
  console.log(text.filter(s => s.startsWith('action')));
});

Comments

[Goldsliders]

Добрый вечер
ошибка вылетает
https://disk.yandex.ru/i/S5b4aMj-rKVm3w

[Anonymous Penguin]

Пропустил метод split

fetch('path/to/file.txt').then(res => {
  return res.text();
}).then(text => {
  console.log(text.split('\n').filter(s => s.startsWith('action')));
});

[Goldsliders]

Anonymous Penguin, https://disk.yandex.ru/i/pghVvxv_TqKppg
Возвращает пустой

[Goldsliders]

Anonymous Penguin, Заработало!)

[Anonymous Penguin]

Goldsliders, Рад был помочь :)
И пожалуйста, загружай скрины сразу сюда. То, что ты скидываешь по ссылке - это против правил сообщества QnA, плюс не удобно

[Goldsliders]

Anonymous Penguin, понял принял )

[Goldsliders]

На компе fetch не поддерживается , имею ввиду если просто запустить из папки , можно как то сделать что бы работало?)
Например подключать файл прямо в html и просто его как ни будь обработать

[Anonymous Penguin]

Goldsliders, нет, нельзя. Можно прибегнуть к "читам", но от этого будет такой же смысл, как и с сервера, а мороки больше. Тебе сложно сервер запустить?)

[Goldsliders]

Anonymous Penguin, Просто не хотело бы бы с этим копаться так )
Может есть способ без fetch обойтись ?)

[Anonymous Penguin]

Goldsliders, таких способов нет. Ведь если ты запускаешь анонимный файл (с компа), то ты можешь получить доступ ко всем анонимным файлам на диске пользователя. Соответственно, если ты захочешь сделать fetch (или другой запрос) из такого файла, то ты можешь украсть все файлы пользователя. Ну например, допустим, ты социальный инженер... Перекидываешь анонимный html и js файл жертве, получаешь доступ ко всем его файлам, получаешь их содержимое и отправляешь запрос на свой сервер. Вуаля, у тебя есть все его файлы! Но нет, браузер не разрешит тебе делать это - отсюда такое ограничение. Потому что сайт по HTTP(S) имеет доступ к файлам только по HTTP, а файлы пользователя он не видит. И браузер разрешает отправить запрос