В настоящее время я изучаю ванильный JavaScript. Сегодня я собираюсь решить одну тему, используя функцию и метод.
Как видно из названия, тема «Создание функции, которая будет возвращать массив со словами внутри текста».
Что требует от вас тема?
Прежде всего, когда я увидел эту тему, у меня возник один вопрос.
"Хорошо, так что же означает эта тема?", поэтому позвольте мне немного объяснить ее для новичков в программировании, таких как я!
Короче говоря, в этой теме требуется создать массив со значениями, которые извлекаются из строки (т. е. набор слов ≈предложение) .
Например, если у вас есть строка "Это собака, а не швабра", вам нужно создать массив из семи значений в виде ["Это", "есть", " а", "собака", "не", "а", "швабра".].
Помните, что вам также нужно создать функцию для возврата массива.
Как программировать?
Прежде чем я объясню фактический код, давайте создадим пошаговую инструкцию!
Ключевым моментом для решения этой темы является использование метода «split()». Метод split() — это метод, который делит строку на массив подстрок. Поскольку в этом решении используются двойные кавычки с одним пробелом (« »), строка делится на слова*. Кроме того, этот метод возвращает новый массив.
*Что делать, если я использую двойную кавычку без пробела NO?
‹Answer› Метод split() возвращает массив, в котором хранятся значения одного символа в каждом индексе. Он также определяет пробел как одно значение. Например,
«Это собака». =› ["Т", "h", "i", "s", " ", "i", "s", " ", "a", "d", "o", "g", " .”]
Вот подробности процедур кодирования:
- Объявите функцию с именем функции. (Название: arrConversion)
- Внутри фигурных скобок {} функции объявите переменную для хранения массива. (Название: обр.)
- Внутри переменной «arr» назначьте другую переменную, которая имеет строку, и каждое слово в строке будет разделено на одно значение массива методом split().
- В следующей строке напишите код для возврата значения, хранящегося в переменной «arr».
- Вне функции объявите переменную для хранения вводимых пользователем данных. (Название: текст)
- Справа от № 5 напишите метод «prompt()» для получения данных, вводимых пользователем.
- В следующей строке присвойте возвращаемое значение функции «arrConversion» переменной «text».
- Используйте метод log(), чтобы убедиться, что строка успешно преобразована в массив.
Далее я покажу вам фактический код!
Предположим, вы вводите предложение «Я умный ученик». во всплывающем окне и нажмите «ОК»…
Предложение делится на каждое слово и хранится в массиве :)
Дополнительный вызов!! — удалить определенный символ
Вы можете удалить некоторые ненужные символы, такие как «точка (.)» или «восклицательный знак (!)», из значения в массиве.
Вот решение для этого. Используйте метод «replace()»!
Используя этот метод, вы можете заменить или удалить символ, который вам не нужен в массиве.
Попробуем удалить точку из значения «студент». ниже:
Чтобы удалить точку, вы должны объявить целевой массив и номер индекса. В этом примере «текст» — это целевой массив, а «[4]» — номер индекса. Поскольку порядковый номер массива начинается с [0], значение «студент». проживает в 4-м.
После «text[4]» подключите метод «.replace()». Внутри скобок вам нужно указать символ или слово, которое вы хотите заменить или удалить.
- Если вы хотите удалить символ, оставьте кавычки пустыми и не делайте в нем пробел. Синтаксис:
(/charReplaceOrDelete/g, ‘’)
- Если вы хотите заменить символ на что-то другое, добавьте замещающий символ или слово в кавычки. Синтаксис:
(/charReplaceOrDelete/g, ‘replaceCharOrWord’)
Однако я получил синтаксическую ошибку, когда впервые попытался удалить точку с помощью этого метода. Причиной была обратная косая черта. Не так, как на снимке экрана моего CodePen выше, моя первая попытка была такой:
(/./g, ‘’)
После этого я смог решить проблему, добавив обратную косую черту прямо перед точкой.
(/\./g, ‘’)
В JavaScript эта обратная косая черта является так называемым «Escape-символом», который сообщает программам, что символ является частью строки.
Спасибо, что дочитали до сих пор! Надеюсь, вы узнали что-то новое из этой статьи :)
Пожалуйста, взгляните на мой CodePen, если вам интересно!
Мегуми