Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.
ฝัง
- เผยแพร่เมื่อ 25 ม.ค. 2021
- В этом уроке поработаем со строками в JavaScript. Разберем типы кавычек, научимся искать часть строки. А также разделять строки и менять регистр.
👉 Файлы урока - fls.guru/files/tutorials/js/j...
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 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 от Евгения моё "спасибо" всё больше :)
Пожалуйста!
Добрий день, велике дякую вам за такі чудові відео та за те ,що даруєте чудові знання.
Будь ласка
Спасибо Вам Женя Андриканич!!! Вы самый лучший преподаватель 2022 года. Желаю крепкого здоровья, счастья и удачи!!!
Приветствую всех! Евгению отдельное спасибо за уроки!
Решение заданий из Домашней работы.
// Домашняя работа.
// Задача №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 Алла, спасибо! Вы правы. Совсем забыл, что унарный оператор преобразует строку в число)
Первый препод, который вызывает такой интерес к обучению. Спасибо, Евгений.
Прохожу платные курсы, на которых информации все таки в разы больше, но на твоих уроках закрепляю информацию и даже понимаю многое, что до этого не понял.
Спасибо тебе!
Ты ТОП!)
Как всегда, супер и огромное спасибо!
Не перестаю восхищаться вашей работой, спасибо вам огромное за ваш труд!!!!!!!!!
Спасибо, доступно и понятно!! Особенно, спасибо, за домашки в конце уроков!
И снова новое, топовое видео, Евгений! Вы лучший, спасибо за доступные знания)
Качественно и четко. Желаю успехов!!!
Я с большим интересом смотрю уроки!
Женя красавчик! Очень доступно и толково рассказал.
Спасибо за урок!)
Спасибо, Евгений. Ты супер преподаватель!
Жека, ты как всегда супер мега крутой препод!!! Спасибо тебе огромное за все, что ты делаешь!!!
Как всегда лайк и комментарий. Отличная работа!!!
Красавчик! Очень круто объясняеш спасибо!!!!))))
До этого урока мне ещё рана я сейчас смотрю твои уроки про css 👍👍
Ну, как успехи с CSS?
уверена, что нет таких фронтендеров, которые бы не смотрели твои видео. Спасибо большое :)) Удачи вам!
Спасибо! Вы очень хорошо объясняете. По учебнику, в доходчивой форме!!!
Спасибо Вам!
Привет. Видео по JavaScript понравилося но такая проблема не понимаю как применять на практике в верстке макета. Было бы очень хорошо сделать небольшую верстку и применить с каждого урока JS. С одной стороны понятно, а как в верстке это сделать и увидеть не понимаю. Если такое возможно сделай пожалуйста видосик. СПАСИБО ЗА ТВОИ ПОЛЕЗНЫЕ ВИДОСИКИ. +
полностью поддерживаю, очень не хватает приминения
@@irinazatynina4114 у него в плейлистах есть видео про применению
@@nadir2183 если вам не сложно, скиньте ссылку на видео, а то вдруг найти не выйдет, благодарю
Вот это я понимаю стабильность. Так держать!
Стараюсь
Жека лучший!
Спасибо!!! Как всегда лучший!!
Пожалуйста!
Спасибо! 👍✨
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье
Женя, ривет! )) Пожалуйста, сделай следующий урок про массивы )
Про объекты - ваще круть видосик )
Уже готовлю
@@FreelancerLifeStyle СУУУПЕР!!! Спасибо! )
Доброе утро!)
Доброе!
Жека РИВЕТ! ещё раз огромное спасибо.
Красавчик !👍🏼
Спасибо!
Как всегда на высоте Женя!
Спасибо!)
Класс!!! ❤️🙏
Спасибо!
Вичерпно! Дякую.
Как и всегда - великолепно) Спасибо за контент!
Благодаря Жене осваиваю 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
Сразу же обязательный лайк и коммент!
Дякую за відео Женя
Заранее оставляю коммент и лайк потому, что знаю, что видео будет крутейшим
Все чудово, підтримуємо канал коментарями!
Дякую!
Вже простіше)) Дякую!
От души!
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 понял,спасибо
Только ваши уроки доносят до меня понятный смысл языка.Спасибо! Приятно смотреть, слушать, радует что есть домашка, а также качественно смонтированные видео и снимающий страх юмор)
Такая информация, до которой никогда не доходили руки и не хватало решимости взяться и изучить её, ведь она кажется скучной! Ан нет!))) Наконец-то))) Эврика! Спасибо!
Лучший
Супер!!!
Я рад!
Отлично)
Спасибо!
Спасибо!
Жека - Капитальный красавчик 💪😎☝️
Брооо спасибо! Я читал учебник 3 дня так и не понял тему, тут посмотрел твоё видео, объяснил всё идеально!
Видео, как всегда класс. Предлагаю далее методы массивов. Спасибо за твой труд.
Уже готовлю)
Привет! Ты супер крутой! Спасибо!
Спасибо большое, Евгений! Крайне полезный канал, полезные уроки, по JS ооочень нужны ваши уроки!) Просто не все это пока поняли... и не все начали изучать JS. Но всё будет!
Спасибо
*Л. а. й. к. о. с.* за видос. ы)
Люблю выполнять ДЗ)))
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 - то хотел бы чтобы ты был моими устами !
Спасибо будет что учить
Пожалуйста!
@@FreelancerLifeStyle Скажите нужен ли ещё jquery или он уже не актуален при работе в офисе или на фрилансе
Everything is true!
Спасибо за видео. Женя, как часто в будущем ты планрируешь выпускать уроки именно по JS?
Домашка:
Усложнил немного решения, все работает
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
привет Женя мне очень нравятся твои уроки!!!! Пожалуйста выпусти ролики про node.js
не будет
JS, я иду к тебе! )) Вот и еще один "волшебный пинок" на этом пути к JS.
ну как?
@@Itcursed печальная рифма для ответа-"никак". Я или что-то упустил, или реально стало сложно.
Всё супер! От себя бы добавил, что stroka.toLowerCase() и stroka.toUpperCase() не изменяют саму строку, но возвращают преобразованную строку.
Под словом "возвращают" вы имеете ввиду "создают" И, где это знание пригодится?
Думаю багато людей ще досі пережовують цикли і функції. А декого і самі функції пережували ;)
Ставим лайки !!! Я один раз не поставил и мне кто-то зонты поломал
Ахах)
Я один раз не поставил и мне кто-то пел песни Аллы Пугачевой
Так. Где выдают премию "Учитель года на Ютуб"? Я хочу за вас проголосовать))
Женя. Привет. Пожалуйста, сделай урок про то как сделать сайт многоязычным.
Спасибо за все что ты делаешь!!! Будет ли ролик с аналогом/аналогами авакоду?
Да
Всё получается! очень хорошо объясняешь!
Жека, ты молодец. Через сколько видосов начнем работать с DOM?)
лайк
Дякую👍
Привет. Если можешь - расскажи про методы проверки строки на число
😎
👍
Спасибо за урок.
1. не верна. Должны быть обратные кавычки.
2. console.log(text[5]);
3. не верно. Результатом будет строка "123456"
4. console.log(text.toUpperCase());
5. console.log(text.slice(3,6));
6. false потому что "лан" начинается с 3 символа, а функция ищет с 4 символа.
Выложите, пожалуйста, конспект лекции на Patrion. Спасибо!
супер! А Когда же начнем создание верстка сайта с 0?)
Ура :) новое видео по самому лучшему курсу!
з.ы. Кто додумался влепить один дизлайк? Совсем ку-ку )
Спасибо!
У кого то видимо курсор мышки дрогнул :)
@@ShoTHIk ага, и он от увиденного потерял сознание. Лежит, там, без сознания... Без друзей. Без малейшего понятия. Так ему и надо! ))
Ривет всем!
Привет! Какую камеру используешь для видео?
тема для видео - регулярные выражения js
с
п
а
с
и
б
о
)
Класс) А можно видео про ползунок с плагином noUiSlider пжжж)
Когда следующий видос?)
Я новичок в этом деле, поэтому хотел спросить. Я сравнение string видел в паттерне RegEx или Regular Expression. RegEx показалось более удобным. Так в чем разница между этими методами? Где какой метод лучше использовать?
жду урок по методам массивов, может ты поможешь мне это понять, потому что при самостоятельном обучении с сайта моя голова просто взрывается. материал понимаю, усваиваю, но как дело доходит до решения задач, то сразу ступор
Будет ли уроки по дом элементам ?
Ты крут
к ним и движемся)