Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.
Вставка
- Опубліковано 8 вер 2024
- В этом уроке поработаем со строками в JavaScript. Разберем типы кавычек, научимся искать часть строки. А также разделять строки и менять регистр.
👉 Файлы урока - fls.guru/files...
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelance... (teleg.run/free...)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Набираем обороты)
🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
0:00 В уроке
0:12 Кавычки
3:02 Спецсимволы
5:34 Длина строки. Свойство Length
6:06 Получаем символы строки
7:41 Изменение регистра
8:22 Поиск подстроки
11:46 Получение части строки
13:17 Сравнение строк
14:32 Домашка
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
С каждым видео по JS от Евгения моё "спасибо" всё больше :)
Пожалуйста!
Добрий день, велике дякую вам за такі чудові відео та за те ,що даруєте чудові знання.
Будь ласка
Женя, ривет! )) Пожалуйста, сделай следующий урок про массивы )
Про объекты - ваще круть видосик )
Уже готовлю
@@FreelancerLifeStyle СУУУПЕР!!! Спасибо! )
Первый препод, который вызывает такой интерес к обучению. Спасибо, Евгений.
Спасибо Вам Женя Андриканич!!! Вы самый лучший преподаватель 2022 года. Желаю крепкого здоровья, счастья и удачи!!!
Привет. Видео по JavaScript понравилося но такая проблема не понимаю как применять на практике в верстке макета. Было бы очень хорошо сделать небольшую верстку и применить с каждого урока JS. С одной стороны понятно, а как в верстке это сделать и увидеть не понимаю. Если такое возможно сделай пожалуйста видосик. СПАСИБО ЗА ТВОИ ПОЛЕЗНЫЕ ВИДОСИКИ. +
полностью поддерживаю, очень не хватает приминения
@@irinazatynina4114 у него в плейлистах есть видео про применению
@@nadir2183 если вам не сложно, скиньте ссылку на видео, а то вдруг найти не выйдет, благодарю
Приветствую всех! Евгению отдельное спасибо за уроки!
Решение заданий из Домашней работы.
// Домашняя работа.
// Задача №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
// console.log(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-ого символа "а".
*/
3 задача: или преобразовать строку "456" в число с помощью унарного оператора :
let text = 123 + + "456";
console.log(text);
@@user-ym8mg1wi8t Алла, спасибо! Вы правы. Совсем забыл, что унарный оператор преобразует строку в число)
Благодаря Жене осваиваю JS с нуля, хотя еще недавно даже не подозревала о существовании такого предмета.
Отдельная признательность за домашки. Всех благ и миллионных просмотров Жене.
1. не верно без обратных кавычек.
2.let fls = "freelancer";
console.log(fls[6]);
3.не верно - строка и число не суммируются
4.let fls = "freelancer";
console.log(fls.toUpperCase());
5.let fls = "freelancer";
console.log(fls.slice(4,7));
6. false
До этого урока мне ещё рана я сейчас смотрю твои уроки про css 👍👍
Ну, как успехи с CSS?
Прохожу платные курсы, на которых информации все таки в разы больше, но на твоих уроках закрепляю информацию и даже понимаю многое, что до этого не понял.
Спасибо тебе!
Ты ТОП!)
Не перестаю восхищаться вашей работой, спасибо вам огромное за ваш труд!!!!!!!!!
Вот это я понимаю стабильность. Так держать!
Стараюсь
Как всегда на высоте Женя!
Спасибо!)
Лучший, очень много инфы по одной теме как раз что надо)
Брооо спасибо! Я читал учебник 3 дня так и не понял тему, тут посмотрел твоё видео, объяснил всё идеально!
уверена, что нет таких фронтендеров, которые бы не смотрели твои видео. Спасибо большое :)) Удачи вам!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье
Спасибо! Вы очень хорошо объясняете. По учебнику, в доходчивой форме!!!
Только ваши уроки доносят до меня понятный смысл языка.Спасибо! Приятно смотреть, слушать, радует что есть домашка, а также качественно смонтированные видео и снимающий страх юмор)
Спасибо, доступно и понятно!! Особенно, спасибо, за домашки в конце уроков!
Жека, ты как всегда супер мега крутой препод!!! Спасибо тебе огромное за все, что ты делаешь!!!
Спасибо, Евгений. Ты супер преподаватель!
Красавчик! Очень круто объясняеш спасибо!!!!))))
1. false
2. text[5] или slice(5, -3)
3. false
4. text.toUpperCase()
5. text.slice(3, -3)
6. false
слушай,а почему 1 false?У нас ток 1 не совпало,хотя у меня вроде правильно выдает
@@user-vy3up6wb9o Привет, в первом нужно использовать обратные кавычки ``.
let fls = "фрилансер";
let text = `Привет! Я ${fls}` ;
console.log(text);
А используются обычные кавычки и из-за этого выведет
Привет! Я ${fls}
Вместо
Привет! Я фрилансер
Не знаю актуально еще или нет, но надеюсь помог
Хоть я и плохо объясняю )
@@user-zq3dc6ym9q так строчка с переменной text вроде и так была обернута в обратные ковычки
@@user-vy3up6wb9o Нет, посмотрите, там обычные одинарные кавычки - ' '
А обратные - ` `
@@user-zq3dc6ym9q понял,спасибо
Доброе утро!)
Доброе!
Я с большим интересом смотрю уроки!
Все чудово, підтримуємо канал коментарями!
Дякую!
И снова новое, топовое видео, Евгений! Вы лучший, спасибо за доступные знания)
Женя красавчик! Очень доступно и толково рассказал.
Люблю выполнять ДЗ)))
1. Нет. Должны быть обратные кавычки ``;
2.
let text = 'фрилансер';
let n = text[5]; //1 способ
let n1 = text.slice(5, 6); //2 способ
let n2;
for (const char of text) {
if (char.toLowerCase() === "н") {
n2 = char;
}
}; //3 способ
console.log(`n = ${n}, n1 = ${n1}, n2 = ${n2}`);
3. Нет ожидаем "123456";
4.
let text2 = 'Фрилансер';
let textUpper = text2.toUpperCase();
console.log(textUpper);
5.
let text3 = 'Фрилансер';
let lan = text3.slice(3, 6); //1 способ
let lan1 = text3.slice(-6, -3); //2 способ
let lan2 = text3[3] + text3[4] + text3[5]; //3 способ
console.log(`lan = ${lan}, lan1 = ${lan1}, lan2 = ${lan2}`);
6.false. После четвёртого символа нет подстроки "лан";
@@SNSDfOu как скажете
Жека РИВЕТ! ещё раз огромное спасибо.
Пишу тебе уже 815 раз, сколько можно ? Красаучек Жека !
Такая информация, до которой никогда не доходили руки и не хватало решимости взяться и изучить её, ведь она кажется скучной! Ан нет!))) Наконец-то))) Эврика! Спасибо!
Заранее оставляю коммент и лайк потому, что знаю, что видео будет крутейшим
Как всегда, супер и огромное спасибо!
Спасибо!!! Как всегда лучший!!
Пожалуйста!
Привет! Ты супер крутой! Спасибо!
Годный контент с самого утра)
Кстати спасибо тебе, научился верстать, теперь скрипты и на работу)
я рад!
вот спустя 42 уроков, пробовал заробатывать?
@@vb8723 нет, у меня в планы фриланс пока не входит, нужно сначала на фирму поработать годик хотя бы, опыта набираться
@@user-vh2hj3ov8d , дай, пожалуйста ссылку на свой вк или инсту, хочу пообщаться с тобой
@@vb8723 Nikita_966 телеграмм
Спасибо большое, Евгений! Крайне полезный канал, полезные уроки, по JS ооочень нужны ваши уроки!) Просто не все это пока поняли... и не все начали изучать JS. Но всё будет!
Класс!!! ❤️🙏
Спасибо!
JS, я иду к тебе! )) Вот и еще один "волшебный пинок" на этом пути к JS.
ну как?
@@Itcursed печальная рифма для ответа-"никак". Я или что-то упустил, или реально стало сложно.
привет Женя мне очень нравятся твои уроки!!!! Пожалуйста выпусти ролики про node.js
не будет
Видео, как всегда класс. Предлагаю далее методы массивов. Спасибо за твой труд.
Уже готовлю)
Качественно и четко. Желаю успехов!!!
Вичерпно! Дякую.
Вже простіше)) Дякую!
Жека лучший!
Жека - Капитальный красавчик 💪😎☝️
Если бы я был языком JS - то хотел бы чтобы ты был моими устами !
Хотел бы так же увидеть на канале обучающее видео по Асинхронности выполнения задач JS, а так же урок на тему "ввод с клавиатуры"
Как и всегда - великолепно) Спасибо за контент!
Так. Где выдают премию "Учитель года на Ютуб"? Я хочу за вас проголосовать))
Отлично)
Спасибо!
Сразу же обязательный лайк и коммент!
Как всегда лайк и комментарий. Отличная работа!!!
Дякую за відео Женя
Спасибо! 👍✨
Всё супер! От себя бы добавил, что stroka.toLowerCase() и stroka.toUpperCase() не изменяют саму строку, но возвращают преобразованную строку.
Под словом "возвращают" вы имеете ввиду "создают" И, где это знание пригодится?
Ставим лайки !!! Я один раз не поставил и мне кто-то зонты поломал
Ахах)
Я один раз не поставил и мне кто-то пел песни Аллы Пугачевой
круто)
Спасибо!
Домашка:
Усложнил немного решения, все работает
1)let fls = "Фрилансер";
let res = `Hello, I ${fls}`; -> делаем обратные кавычки
console.log(res);
2) let indexOfN = fls.indexOf("н");
console.log(indexOfN);
console.log(fls.slice(indexOfN, indexOfN+1));
3) let suma = 123 + +"456"; -> преобразуем с помощью +
console.log(suma); -> даст желаемые 579
4)console.log(fls.toUpperCase());
5)let indexOfL = fls.indexOf("л");
console.log(fls.slice(indexOfL, indexOfN+1));
6)console.log(fls.includes("лан", 4)); -> false
Красавчик !👍🏼
Спасибо!
Ура :) новое видео по самому лучшему курсу!
з.ы. Кто додумался влепить один дизлайк? Совсем ку-ку )
Спасибо!
У кого то видимо курсор мышки дрогнул :)
@@ShoTHIk ага, и он от увиденного потерял сознание. Лежит, там, без сознания... Без друзей. Без малейшего понятия. Так ему и надо! ))
От души!
Думаю багато людей ще досі пережовують цикли і функції. А декого і самі функції пережували ;)
Спасибо за урок!)
Спасибо будет что учить
Пожалуйста!
@@FreelancerLifeStyle Скажите нужен ли ещё jquery или он уже не актуален при работе в офисе или на фрилансе
Супер!!!
Я рад!
Спасибо за видео. Женя, как часто в будущем ты планрируешь выпускать уроки именно по JS?
Спасибо за урок.
1. не верна. Должны быть обратные кавычки.
2. console.log(text[5]);
3. не верно. Результатом будет строка "123456"
4. console.log(text.toUpperCase());
5. console.log(text.slice(3,6));
6. false потому что "лан" начинается с 3 символа, а функция ищет с 4 символа.
Спасибо за все что ты делаешь!!! Будет ли ролик с аналогом/аналогами авакоду?
Да
Спасибо Вам!
Женя. Привет. Пожалуйста, сделай урок про то как сделать сайт многоязычным.
Всё получается! очень хорошо объясняешь!
Спасибо!
Everything is true!
Спасибо
Только закончил смотреть. Остаются массивы. На протяжении всех выпусков задаюсь вопросом как же это всё можно использовать на деле. Как с помощью этого всего писать приложения, делать сайт интерактивным (надеюсь, называю это правильно).
Знаю, гоню лошадей. Но я уже хочу взломать пентагон, или хотя-бы кремль.
Большое спасибо за видео. Я тупой, но я всё понимаю.
Домашнее задание:
-Задача 2:
Через if
let text = 'фрилансер';
if(text.startsWith('фри')) {
if(text.includes('н')) {
console.log('н');
}
}
Через цикл
let text = 'фрилансер';
for(let i = 0; i < text.length; i++) {
if(text[i] === 'н') {
console.log(text[i]);
}
}
-Задача 3:
Если можно изменить text
let text = 123 + Number("456");
console.log(text);
Если нельзя, то можно через разделение
let text = 123 + "456";
let parts = text.split("456");
let numberPart1 = Number(parts[0]);
let numberPart2 = Number("456");
let sum = numberPart1 + numberPart2;
console.log(sum);
-Задача 5:
let text = 'фрилансер';
let substring = 'лан';
if(text.includes(substring)){
console.log(substring);
}
Лучший
*Л. а. й. к. о. с.* за видос. ы)
супер))))
супер! А Когда же начнем создание верстка сайта с 0?)
Выложите, пожалуйста, конспект лекции на Patrion. Спасибо!
1. Нужны обратные кавычки. *Неверно*
2. console.log(text[5]); или console.log(text.slice(5, 6));
3. Чтобы сложить данные значения, нужно сначала привести "456" к числу, так как по дефолту, если есть хотя бы одна строка при сложении - все операнды приводятся к строке. Можно использовать, например, унарный минус +"456" или Number("456") для приведения к числам. Иначе ответом будет конкатенация строк - "123456". *Неверно*
4. console.log(text.toUpperCase());
5. console.log(text.slice(3, 6));
6. *Неверно.* Так как позиция буквы "л" - 3, если начинать с 4, то есть с "а", то мы не найдём такую подстроку. Нужно начинать с 3 или не указывать начало поиска вообще. Ответ false.
Когда следующий видос?)
Жека, ты молодец. Через сколько видосов начнем работать с DOM?)
Ривет всем!
Привет. Если можешь - расскажи про методы проверки строки на число
Дякую👍
Обнаружил случайно такую штуку насчёт вывода в строку спецсимволов, типа " " . Написал такую строку let text = `123 + "456"`; и не пришлось писать слеш
любая пара кавычек (из 3 на выбор) экранирует все остальные кавычки внутри себя
1: Запись не верна
2: console.log(text[5]
3: Неверно, ответ: 123456 (строка)
4: console.log(text.toUpperCase)
5: console.log(text(3, 6))
6: false
Я не думав, що це колись мені згодиться, але настав мій час. Склеювання символів - коли строка "158" плюсується до числа 158 й дає результат 158158 - це зветься "канкатинація"!
жду урок по методам массивов, может ты поможешь мне это понять, потому что при самостоятельном обучении с сайта моя голова просто взрывается. материал понимаю, усваиваю, но как дело доходит до решения задач, то сразу ступор
прикольно, но непонятно, как и где это использовать иногда)
тема для видео - регулярные выражения js