Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.

В этом уроке поработаем со строками в JavaScript. Разберем типы кавычек, научимся искать часть строки. А также разделять строки и менять регистр.

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

🤟 Живи, а работай в свободное время! ©

[ymmgwit]

0:00 В уроке
0:12 Кавычки
3:02 Спецсимволы
5:34 Длина строки. Свойство Length
6:06 Получаем символы строки
7:41 Изменение регистра
8:22 Поиск подстроки
11:46 Получение части строки
13:17 Сравнение строк
14:32 Домашка

[urafrank]

Your lessons are very hellping people. Thank a lot of!

// Если вас смутит что я для строк добавлял разные переменные( text1, text2 и т.д ) - это нужно для того - чтобы не произошла ошибка вызова одной и той же переменной.

// №_1
// False - Выведет "Привет! Я ${ fls }". Для того чтобы использовать переменные или выражения внутри строки - необходимо использовать обратные ковычки:
let fls = "фрилансер";
let text1 = ` Привет! Я ${ fls } `;
console.log(text1);

// №_2
// Нужно использовать квадратные скобки ( [ ] ) и указать индекс начиная с "0":
let text2 = 'фрилансер';
console.log( text2[ 5 ] );

// №_3
// False - Выведет строку "123456"(string). При складывании числа и строки - всё преобразовывается в строку.
// Для получения нужного значения (579) - можно воспользоваться оператаром "+" перед строкой (преобразования строки в число) или функцией(конструктор) "Number" :
let text_1 = 123 + +"456";
let text_2 = 123 + Number("456");
console.log(text_1);
console.log(text_2);

// №_4
// Чтобы получить строку в верхнем регистре - нужно у строки вызвать функцию(метод) "toUpperCase" :
let text3 = 'фрилансер';
console.log( text3.toUpperCase() );

// №_5
// Чтобы получить подстроку в строке - нужно у строки вызвать функцию(метод) "slice". В ней нужно указать начало "подстроки" и конец, начиная с "0":
let text4 = 'фрилансер';
console.log( text4.slice(3, 6) );

// №_6
// Выведет - false. Так как после символа под индексом 4 ( "а" ), нету подстроки "лан". Чтобы получить "true" - указываем символ под индексом 3 ( "л" ):
let text5 = 'фрилансер';
console.log( text5.includes( 'лан', 4 ) ); // false
console.log( text5.includes( 'лан', 3 ) ); // true

[juliatutaeva]

С каждым видео по JS от Евгения моё "спасибо" всё больше :)

[akhmad_goytinski]

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

[justasparrow]

Первый препод, который вызывает такой интерес к обучению. Спасибо, Евгений.

[skozachuk_channel]

Приветствую всех! Евгению отдельное спасибо за уроки!
Решение заданий из Домашней работы.

// Домашняя работа.

// Задача №1. Верна ли запись?
/*
let fls = "фрилансер";
let text = 'Привет! Я ${fls}';
// Ожидаемое сообщение: Привет! Я фрилансер
console.log(text);
*/
/*
Ответ: нет, не верна.
Как правильно: при подстановке
в выражение первой переменной
нужно использовать обратные кавычки
*/
/*
let fls = "фрилансер";
let text = `Привет! Я ${fls}`;
// Ожидаемое сообщение: Привет! Я фрилансер
console.log(text);
*/

// Задача №2. Получить символ "н" из строки:
//let text = 'фрилансер';
// Ответ:
/*
let textSymbol = text[5];
console.log(textSymbol);
*/

// Задача №3.
// Верно ли выражение?
// let text = 123 + "456";
// Ожидаемый результат 579
// console.log(text);

// Ответ: нет, не верно.
/*
В предложенном варианте происходит
сложение числа и строки.
В результате получается строка.
Для сложения чисел нужно убрать
скобки у 2-ого числа.
*/
// let text = 123 + 456;
// Ожидаемый результат 579
// console.log(text);

// Задача №4. Получить строку в верхнем регистре
// let text = 'фрилансер'
// Ответ: нужно применить функцию toUpperCase
//

// Задача №5. Получить подстроку "лан" из:
//let text = 'фрилансер';
/*
Ответ: нужно применить метод str.slice.
В функции указать диапазон в виде цифр,
соответствующий порядку букв в строке.
*/
// console.log(text.slice(3, 6));

// Задача №6.
/*
Какое значение (true или false)
вернёт представленное
ниже выражение?
*/
let text = 'фрилансер';
console.log(text.includes('лан', 4));

/*
Ответ: выражение вернёт в консоль
значение false, потому указанный
фрагмент 'лан' не найдет. Причина
в том, что поиск фрагмента идёт с
4-ого символа "а".
*/

[fyqtukx]

Добрий день, велике дякую вам за такі чудові відео та за те, що даруєте чудові знання.

[sergsergey]

Привет. Видео по JavaScript понравилося но такая проблема не понимаю как применять на практике в верстке макета. Было бы очень хорошо сделать небольшую верстку и применить с каждого урока JS. С одной стороны понятно, а как в верстке это сделать и увидеть не понимаю. Если такое возможно сделай пожалуйста видосик. СПАСИБО ЗА ТВОИ ПОЛЕЗНЫЕ ВИДОСИКИ. +

[dennisfisher]

Женя, ривет! )) Пожалуйста, сделай следующий урок про массивы )
Про объекты - ваще круть видосик )

[artemkalinichenko]

Прохожу платные курсы, на которых информации все таки в разы больше, но на твоих уроках закрепляю информацию и даже понимаю многое, что до этого не понял.
Спасибо тебе!
Ты ТОП!)

[vnhogub]

Не перестаю восхищаться вашей работой, спасибо вам огромное за ваш

[ZuleykaGreen]

Благодаря Жене осваиваю JS с нуля, хотя еще недавно даже не подозревала о существовании такого предмета.
Отдельная признательность за домашки. Всех благ и миллионных просмотров Жене.
1. не верно без обратных кавычек.

2.let fls = "freelancer";
console.log(fls[6]);

3.не верно - строка и число не суммируются

4.let fls = "freelancer";


5.let fls = "freelancer";
console.log(fls.slice(4, 7));

6. false

[umedrustamov]

До этого урока мне ещё рана я сейчас смотрю твои уроки про css 👍👍

[IT_s_null]

Лучший, очень много инфы по одной теме как раз что надо)

[bonickd]

Вот это я понимаю стабильность. Так держать!

[rax]

Брооо спасибо! Я читал учебник 3 дня так и не понял тему, тут посмотрел твоё видео, объяснил всё идеально!

[qtwrkqe]

уверена, что нет таких фронтендеров, которые бы не смотрели твои видео. Спасибо большое :)) Удачи вам!

[qqtjtib]

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

[srzibxs]

1. false
2. text[5] или slice(5, -3)
3. false
4. text.toUpperCase()
5. text.slice(3, -3)
6. false

[vduntiw]

Спасибо! Вы очень хорошо объясняете. По учебнику, в доходчивой форме!!!