«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript



Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Сложение переменных в JavaScript, сложение строк и чисел - это важная тема в изучении языка, так как полученные здесь знания применяются постоянно.

В первых заметках этой темы были рассмотрены правила создания переменных, присвоения им значений, вывод на экран окна браузера их значений, а также правила работы с именами переменных.



Сложение и умножение переменных. Работа с числами

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

Итак, арифметические операции над переменными в JavaScript, значениями которых являются числа.

Фрагмент кода

<script type="text/javascript">

// Создаём три переменных

var apple = 20, orange = 30, total_fruits;

// В переменную total_fruits заносим сумму двух переменных

total_fruits = apple + orange;

document.write(total_fruits);

// Снова создаём три переменных

var apple = 20, price = 17, total_fruits;

// В переменную total_Sum заносим произведение двух переменных

total_fruits = apple * price;

document.write(total_fruits);

</script>

Результат

50

340

Как видно из примера в выполнении операций сложения и умножения над переменными, которые имеют числовые значения, ничего сложного нет. С вычитанием и делением дело обстоит точно так же.

Сложение переменных. Сложение строк

Известно, что в качестве значений переменных могут выступать не только числа, но и строки, то есть текст или фрагмент кода.

Итак, операция сложения применима как к числовым, так и к строковым значениям переменных. При сложении строк в JavaScript происходит не сложение в математическом смысле этого слова, а соединение значений переменных.

Фрагмент кода

<script type="text/javascript">

// Создаём четыре переменных

var name = " Иван", family = " Иванов", otch = " Ильич", FIO;

// В переменную FIO заносим сумму трёх переменных, как бы соединяем их значения.

// И добавляем тег <p>, который обозначит новый абзац

FIO = family + name + otch + "<p>";

document.write(FIO);

// Создаём три переменных.

var name = "Пётр", family = "Петров", otch = "Кузьмич";

// В переменную FIO также заносим сумму трёх переменных. И добавляем пробелы между переменными

var FIO = family + " " + name + " " + otch;

document.write(FIO);

</script>

Результат

Иван Иванов Ильич

Петров Пётр Кузьмич

В приведённом примере произошло соединение строковых значений трёх переменных при помощи операции сложения.

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

Сложение фрагментов кода происходит аналогично, что и было сделано в первом случае: тег p добавлен для обозначения абзаца, чтобы следующий вывод переменной FIO начинался с новой строки.

Сложение чисел и строк

Далее рассмотрим сложение (соединение) переменной, содержащей число с переменной содержащей текст.

Отметим что: при сложении чисел и строк в JavaScript происходит их соединение, как и при сложении двух строковых значений переменных.

Фрагмент кода

<script type="text/javascript">

var myStreet = "Димитрова ", myHouse = 121;

my_adress = myStreet + myHouse;

document.write(my_adress);

</script>

Результат

Димитрова 121

Сложение переменных. Внимание!!!

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

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

Фрагмент кода

<script type="text/javascript">

var number_1 = "244", number_2 = 121;

Sum =number_1 + number_2;

document.write(Sum);

</script>

Результат

244121

Как видно из примера, вместо операции сложения чисел, происходит соединение значений переменных. То есть в результате вместо числа 365 мы имеем строку 244121, так как одно из числовых значений является строкой, по причине заключения его в кавычки. 

Читайте также...



Отзывы и комментарии:

Добавил(а): Иван Иванов
Дата: 2019-08-13

Благодарю, пригодилось.

Добавил: Admin
Дата: 2019-08-15

Иван Иванов Вы писали 2019-08-13
Благодарю, пригодилось.

Пожалуйста. Я рад

Добавил(а): Евгений
Дата: 2020-05-20

Осело

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Переменные

Тематические публикации
Популярные заметки
Последние заметки