Проверка пустой или недефинированной строки в JavaScript

Часто в JavaScript возникает необходимость проверить, является ли строка пустой, недефинированной или null. Подобная проблема может возникнуть в сложных приложениях, где значение переменной может прийти из разных источников и его состояние может быть неизвестно.

Возьмем, например, следующий код:

var myString = getSomeStringValue();  // функция возвращает некоторое значение

Здесь значение myString может быть пустой строкой (""), undefined или null. Проверить все эти возможности в JavaScript можно несколькими способами.

Разработка на Java — востребованное направление, такие специалисты будут нужны на рынке еще долго. На курсе «Java-разработчик» от Skypro освоить профессию можно с нуля за 11 месяцев, даже если вы гуманитарий и ничего не знаете об IT. Программа составлена от простого к сложному и адаптирована для новичков. Преподаватели — практикующие специалисты из крупных компаний: «Сбер», «Самокат» и других.

Оператор == или ===

Первый и самый простой — это использовать операторы сравнения == или ===. Однако, нужно быть осторожным, так как эти операторы работают по-разному.

Оператор == сравнивает значения после их приведения к одному типу, в то время как === проверяет равенство без приведения типов.

if (myString == "") {
  // myString - пустая строка
}

if (myString == null) {
  // myString - null или undefined
}

if (myString === undefined) {
  // myString - undefined
}

Метод trim()

Если нужно проверить, что строка не только пустая, но и не содержит пробелов, можно использовать метод trim(), который удаляет пробелы в начале и в конце строки.

if (myString.trim() === "") {
  // myString - пустая строка или строка из пробелов
}

Освойте Java на курсе онлайн-университета Skypro. Учебе нужно будет уделять всего 10 часов в неделю: сможете совмещать с работой и личными делами. Вас ждут 440 часов теории и практики, мастер-классы с реальными рабочими задачами, опытные преподаватели, кураторы и наставники. За время обучения сделаете два полноценных проекта для портфолио и множество домашних заданий, чтобы отработать навыки.

Логическое преобразование

В JavaScript любое значение может быть преобразовано к булевому типу. При этом пустая строка, null и undefined преобразуются в false.

if (!myString) {
  // myString - пустая строка, null или undefined
}

Этот способ удобен тем, что одной проверкой можно учесть все три случая. Однако, он также будет возвращать false для нуля и NaN, что может быть не всегда желательно.

Важно понимать, какой метод подходит именно в вашем случае, и выбирать его в зависимости от задачи.