В настоящее время я изучаю ванильный JavaScript. Сегодня я собираюсь решить одну тему, используя функцию и метод.

Как видно из названия, тема «Создание функции, которая будет возвращать массив со словами внутри текста».

Что требует от вас тема?

Прежде всего, когда я увидел эту тему, у меня возник один вопрос.

"Хорошо, так что же означает эта тема?", поэтому позвольте мне немного объяснить ее для новичков в программировании, таких как я!

Короче говоря, в этой теме требуется создать массив со значениями, которые извлекаются из строки (т. е. набор слов ≈предложение) .

Например, если у вас есть строка "Это собака, а не швабра", вам нужно создать массив из семи значений в виде ["Это", "есть", " а", "собака", "не", "а", "швабра".].

Помните, что вам также нужно создать функцию для возврата массива.

Как программировать?

Прежде чем я объясню фактический код, давайте создадим пошаговую инструкцию!

Ключевым моментом для решения этой темы является использование метода «split()». Метод split() — это метод, который делит строку на массив подстрок. Поскольку в этом решении используются двойные кавычки с одним пробелом (« »), строка делится на слова*. Кроме того, этот метод возвращает новый массив.

*Что делать, если я использую двойную кавычку без пробела NO?

‹Answer› Метод split() возвращает массив, в котором хранятся значения одного символа в каждом индексе. Он также определяет пробел как одно значение. Например,

«Это собака». =› ["Т", "h", "i", "s", " ", "i", "s", " ", "a", "d", "o", "g", " .”]

Вот подробности процедур кодирования:

  1. Объявите функцию с именем функции. (Название: arrConversion)
  2. Внутри фигурных скобок {} функции объявите переменную для хранения массива. (Название: обр.)
  3. Внутри переменной «arr» назначьте другую переменную, которая имеет строку, и каждое слово в строке будет разделено на одно значение массива методом split().
  4. В следующей строке напишите код для возврата значения, хранящегося в переменной «arr».
  5. Вне функции объявите переменную для хранения вводимых пользователем данных. (Название: текст)
  6. Справа от № 5 напишите метод «prompt()» для получения данных, вводимых пользователем.
  7. В следующей строке присвойте возвращаемое значение функции «arrConversion» переменной «text».
  8. Используйте метод log(), чтобы убедиться, что строка успешно преобразована в массив.

Далее я покажу вам фактический код!

Предположим, вы вводите предложение «Я умный ученик». во всплывающем окне и нажмите «ОК»…

Предложение делится на каждое слово и хранится в массиве :)

Дополнительный вызов!! — удалить определенный символ

Вы можете удалить некоторые ненужные символы, такие как «точка (.)» или «восклицательный знак (!)», из значения в массиве.

Вот решение для этого. Используйте метод «replace()»!

Используя этот метод, вы можете заменить или удалить символ, который вам не нужен в массиве.

Попробуем удалить точку из значения «студент». ниже:

Чтобы удалить точку, вы должны объявить целевой массив и номер индекса. В этом примере «текст» — это целевой массив, а «[4]» — номер индекса. Поскольку порядковый номер массива начинается с [0], значение «студент». проживает в 4-м.

После «text[4]» подключите метод «.replace()». Внутри скобок вам нужно указать символ или слово, которое вы хотите заменить или удалить.

  • Если вы хотите удалить символ, оставьте кавычки пустыми и не делайте в нем пробел. Синтаксис:

(/charReplaceOrDelete/g, ‘’)

  • Если вы хотите заменить символ на что-то другое, добавьте замещающий символ или слово в кавычки. Синтаксис:

(/charReplaceOrDelete/g, ‘replaceCharOrWord’)

Однако я получил синтаксическую ошибку, когда впервые попытался удалить точку с помощью этого метода. Причиной была обратная косая черта. Не так, как на снимке экрана моего CodePen выше, моя первая попытка была такой:

(/./g, ‘’)

После этого я смог решить проблему, добавив обратную косую черту прямо перед точкой.

(/\./g, ‘’)

В JavaScript эта обратная косая черта является так называемым «Escape-символом», который сообщает программам, что символ является частью строки.

Спасибо, что дочитали до сих пор! Надеюсь, вы узнали что-то новое из этой статьи :)

Пожалуйста, взгляните на мой CodePen, если вам интересно!

Мегуми