Вывод данных на Javascript

Текст в коде может встречаться часто. Это необходимо для информирования пользователя о чем-либо, когда он станет работать в программе или же просматривать сайт. Однако, чтобы осуществить такую возможность, требуется использовать специальный набор кода. Не каждый сможет такое сразу же сделать в JavaScript, ведь некоторые из программистов – новички и только учатся. Для таких людей и подготовлен данный материал, где рассказывается о том, как вывести текст и заменить его при необходимости.

Как добавить текст в JavaScript?

При требовании создания текста на JavaScript, придется испытать сложности, так как могут возникнуть какие-то «подводные камни», к которым не был готов человек. На самом деле, все нужно делать постепенно, изучая весь алгоритм тщательно. Структура построения текст, на самом деле, простая. И начинать нужно, соответственно, с самого главного.

Нужно для начала создать строку. Она будет выглядеть таким образом:

var string = ‘The revolution will not be televised.’;
string;

Обязательно стоит обращать внимание на то, стоят ли кавычки в нужных местах или же нет. Ведь важный момент заключается в том, что таким символом обозначается информация, не принимающаяся за переменные, свойства, зарезервированные слова и прочее.

Также, можно обозначить переменную, присвоив ей такие же свойства, как и у «string»(к примеру). Выглядит часть кода таким образом:

varbadString = string;
badString;

Что касается кавычек – они тут могут работать как угодно. То есть, если человек ставит двойные или одинарные парами, то действовать на практике они будут, соответственно, одинаково. Также, структура кода(по некоторым фразам) станет отличаться.

Чтобы коротко объяснить всю суть – стоит обратиться к примеру:

varsgl = ‘Single quotes.’;
vardbl = «Double quotes»;
sgl;
dbl;

Нельзя также объединять в пару разные кавычки. Если сначала поставить одинарную половину, а потом – двойную, то код выдаст ошибку при выполнении. А значит, текст не выведется. То же самое будет, если наоборот сделать – сначала двойную, а потом одинарную. Необходимо оборачивать текст в один тип кавычек.

Еще один немаловажный момент – если требуется какую-то цитату вставить в поле с текстом, обернутым в кавычки. То есть, для первого элемента требуются двойной тип. И если использовать его же для того, чтобы выделить весь текст для обозначения в коде, то система может «запутаться» и неправильно отобразить материал, а что еще хуже – выдать ошибку. Потому, рекомендуется для фраз в тексте использовать двойные кавычки, а для оборота предложения на страницу – одинарные.

Пример таков:

varsglDbl = ‘Would you eat a «fish supper»?’;
vardblSgl = «I’m feeling blue.»;
sglDbl;
dblSgl;

Это – основное, что требуется знать для ввода текста в код. Учитывая правила, описанные выше, человек сможет без каких-либо проблем вписывать цитаты, использовать кавычки по-правильному и делать разные манипуляции с текстом. Но рекомендуется более детально в дальнейшем изучить эту тему.

Как заменить текст в JavaScript?

Иногда также возникает необходимость в замене одной строки информации на другую. Здесь операция не такая уж и сложная, на самом деле.

Синтаксис выглядит так:

stringObj.replace(text1, text2)

Для пояснения – «text1»является изначальной строкой, над которой проведётся манипуляция. А уже «text2» будет той информацией, что заменит исходные данные.

Наглядно есть несколько примеров. В первом будет рассмотрено только то, как изменить 1 слово в тексте:

<script language=»JavaScript»>
// исходная строка «Hello World, World, World»
varstr = «Hello World, World, World»;

// заменяем «World» на «AAA»
var str1 = str.replace(«World», «AAA»);

// результат str1 = «Hello AAA, World, World»
</script>

А во втором случае уже присутствует вся строка. Так будет смотреться код:

<script language=»JavaScript»>
// исходная строка «Hello World, World, World»
varstr = «Hello World, World, World»;

// Заменяем «World» на «AAA»
var str1 = str.replace(new RegExp(«World»,»g»), «AAA»);
// результат str1 = «Hello AAA, AAA, AAA»
</script>

Вот таким образом можно заменить текст. И такая информация будет полезна при обработке такого рода информации, особенно новичкам.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *