Блог веб разработки

Блог веб-разработки статьи | видеообзоры | исходный код

Методы идентификации подстрок в ES6

Все вы наверное знакомы с ситуацией, когда мы должны проверить есть ли в данной строке определенная подстрока. Самым простым и надежным способом это сделать, раньше был метод indexOf :

var str = "Hello my world!";
if(str.indexOf('my') !== -1){
    console.log('Да данная строка содержит подстроку "my"');
}

Как видите все очень просто, если метод indexOf возвращает -1, то это значит, данная подстрока не содержится строке. Казалось бы проще не куда, но в ES6 появились сразу 3 метода которые проверяют наличие определенной подстроки в строке и сейчас мы с вами рассмотрим их подробнее:

Первый метод includes(), записывается так:

var str = "Hello my world!";
if(str.includes('my')){
    console.log('Да данная строка содержит подстроку "my");
}

Как видите по результату, он аналогичен indexOf, и отличается лишь тем, что возвращает не index совпадения, а булево значение.

Если подстрока есть в строке - true

Если подстроки нет в строке -false

Второй метод startsWith:

var str = "Hello my world!"; 
if(str.startsWith('Hello')){
    console.log('Да данная строка содержить подстроку "Hello" и начинается с нее!');
}

То есть метод startsWith() проверяет не только наличие подстроки, но и начинается ли с нее сама строка.

Если подстрока есть и с нее начинается строка - true

Если подстроки нет и/или с нее не начинается строка - false

Третий метод я думаю вы уже догадались, endsWith

var str = "Hello my world!";

if(str.endsWith('y world!')){
    console.log('end');
}

Если подстрока есть и на ней заканчивается строка - true

Если подстроки нет и/или на ней не заканчивается строка - false

При использовании этих трех методов нужно учитывать, что они возвращают только булево значение, поэтому будьте внимательны.

Надеюсь я смог донести до вас новую информацию, которая будет очень кстати в решении вашего вопроса! Удачи!

Оцените статью

Еще статьи

база данных php

JS filereader

GIT Config

session php

clip css

Модальные окна HTML

wget python

zipfile python

spellcheck html

Комментарии

Проверочный код

В данном разделе пока нет комментариев!

История

    ПОДПИСКА

    • Подпишись и получай информацию о выходе новых статей на почту! Просто введите свою почту, нажмите кнопку подписаться. На почту должно будет прийти сообщение с потверждением подписки. Если сообщение не пришло проверьте раздел спам или попробуйте другую почту. Также по всем техническим проблемам вы можете написать в поддержку

    НОВОСТИ

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